checked選擇器是什麼？ checked選擇器怎麼用
- 云罗郡主轉載
- 2018-11-19 11:23:593272瀏覽
這篇文章帶給大家的內容是關於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>效果如下：
#暫時只有opera瀏覽器支援:checked選擇器。
以上就是對checked選擇器是什麼？ checked選擇器怎麼用的全部介紹，如果您想了解更多有關CSS3教程，請關注PHP中文網。
以上是checked選擇器是什麼？ checked選擇器怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文轉載於：lvyestudy.com。如有侵權，請聯絡admin@php.cn刪除