這篇文章帶給大家的內容是關於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中文網其他相關文章!