Heim > Web-Frontend > CSS-Tutorial > Was ist der geprüfte Selektor? So verwenden Sie den aktivierten Selektor

Was ist der geprüfte Selektor? So verwenden Sie den aktivierten Selektor

云罗郡主
Freigeben: 2018-11-19 11:24:43
nach vorne
3288 Leute haben es durchsucht

Der Inhalt dieses Artikels befasst sich mit der Frage: Was ist der aktivierte Selektor? Die Verwendung des aktivierten Selektors hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, dass er für Sie hilfreich ist.

Was ist der geprüfte Selektor?

In Formularelementen haben sowohl das Optionsfeld als auch das Kontrollkästchen den Status „aktiviert“ und „nicht aktiviert“. In CSS3 können wir den CSS-Stil bei Auswahl mithilfe des Selektors :checked definieren.

Derzeit unterstützt nur der Opera-Browser: aktivierter Selektor.

Beispiel:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>CSS3 :checked选择器</title>
    <style type="text/css">
        input:checked
        {
            background-color:red;
        }
    </style>
</head>
<body>
    <form name="form1" method="post" action="index.html">
        性别:
        <input type="radio" name="Question1" value="boy" checked="checked"/>男
        <input type="radio" name="Question1" value="girl"/>女<br/>
        你喜欢的水果:<br />
        <input id="checkbox1" type="checkbox" checked="checked"/><label for="checkbox1">苹果</label><br/>
        <input id="checkbox2" type="checkbox" /><label for="checkbox2">香蕉</label><br/>
        <input id="checkbox3" type="checkbox" /><label for="checkbox3">西瓜</label><br/>
        <input id="checkbox4" type="checkbox" /><label for="checkbox4">凤梨</label>
    </form>
</body>
</html>
Nach dem Login kopieren

Der Effekt ist wie folgt:

Was ist der geprüfte Selektor? So verwenden Sie den aktivierten Selektor

Derzeit unterstützt nur der Opera-Browser den :checked-Selektor.

Was ist der geprüfte Selektor oben? Eine vollständige Einführung in die Verwendung des aktivierten Selektors. Wenn Sie mehr über das CSS3-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.



Das obige ist der detaillierte Inhalt vonWas ist der geprüfte Selektor? So verwenden Sie den aktivierten Selektor. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:lvyestudy.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage