Wie stark Style Radio-Buttons mit CSS für alle Browser

October 24

Die Qualität jeder Webseite, die Sie erstellen bestimmt die Gesamtqualität der Elemente, die Sie hinzufügen. Also müssen Designer gründlich sogar die kleinsten Einzelheiten, einschließlich der Optionsfelder bedeuten. Obwohl Sie diese Schaltflächen mithilfe Ihrer Webseiten-Editor bietet Standardtyp erstellen könnte, ist ein Ansatz zu machen mithilfe von cascading Stylesheets-- oder CSS--mit einem Bild direkt auf die Schaltfläche angewendet. Ein wichtiger Faktor bei der Schaffung dieser Schaltflächen ist um sicherzustellen, dass sie ordnungsgemäß in einer Reihe von Browsern funktionieren. Auch wenn Sie einen Webseiten-Editor verwenden, muss dies durch die direkte Kodierung erfolgen.

Anweisungen

1 Laden Sie die Bilder für den Radio-Button auf Ihren Rechner.

2 Öffnen Sie die Website, die Sie in die Webseiten-Editor Bearbeiten, die Sie verwenden möchten. Öffnen Sie das CSS-Stylesheet.

3 Gehen Sie zum Abschnitt ".checkbox" des Codes, und stellen Sie die "Höhe" ein Viertel der Größe des Bildes, die Sie verwenden. Geben Sie den Namen der Bilddatei, die Sie zwischen den Klammern im Abschnitt "Url" verwenden. Nehmen Sie die gleichen Änderungen im Abschnitt ".radio". Speichern Sie Ihre Arbeit.

Tipps & Warnungen

  • Wenn Sie bevorzugen, machen Sie auch diese Änderungen einen einfachen Texteditor wie Notepad.