チェックされたセレクターとは何ですか?チェックされたセレクターの使用方法-CSSチュートリアル-php.cn

チェックされたセレクターとは何ですか?チェックされたセレクターの使用方法

云罗郡主

リリース： 2018-11-19 11:24:43

転載

3301 人が閲覧しました

この記事の内容は、checkedセレクターとは何かというものです。チェックされたセレクターの使用方法は、必要な友人が参考になれば幸いです。

チェックされたセレクターとは何ですか?

form 要素では、ラジオボタンラジオとチェックボックスチェックボックスの両方に「チェック済み」と「チェックなし」の状態があります。 CSS3 では、:checked セレクターを使用して選択されたときに CSS スタイルを定義できます。

現在、Opera ブラウザのみがサポートしています: チェックされたセレクター。

例:

<!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>

ログイン後にコピー

効果は次のとおりです:

チェックされたセレクターとは何ですか?チェックされたセレクターの使用方法