首頁  >  文章  >  web前端  >  checked選擇器是什麼? checked選擇器怎麼用

checked選擇器是什麼? checked選擇器怎麼用

云罗郡主
云罗郡主轉載
2018-11-19 11:23:593251瀏覽

這篇文章帶給大家的內容是關於checked選擇器是什麼? checked選擇器怎麼用,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

checked選擇器是什麼?

在表單元素中,單選按鈕radio和複選框checkbox都具有「選取」和「未選取」狀態。在CSS3中,我們可以透過使用:checked選擇器來定義選取時的CSS樣式。

暫時只有Opera瀏覽器支援:checked選擇器。

範例:

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

效果如下:

checked選擇器是什麼? checked選擇器怎麼用

#暫時只有opera瀏覽器支援:checked選擇器。

以上就是對checked選擇器是什麼? checked選擇器怎麼用的全部介紹,如果您想了解更多有關CSS3教程,請關注PHP中文網。



以上是checked選擇器是什麼? checked選擇器怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:lvyestudy.com。如有侵權,請聯絡admin@php.cn刪除