溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

checked選擇器怎么用

發(fā)布時(shí)間：2022-03-23 10:33:18 來源：億速云 閱讀：154 作者：iii 欄目：web開發(fā)

本篇內(nèi)容主要講解“checked選擇器怎么用”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“checked選擇器怎么用”吧!

　　checked選擇器是什么？

　　在表單元素中，單選按鈕radio和復(fù)選框checkbox都具有“選中”和“未選中”狀態(tài)。在CSS3中，我們可以通過使用：checked選擇器來定義選中時(shí)的CSS樣式。

　　暫時(shí)只有Opera瀏覽器支持：checked選擇器。

　　舉例：

　　<!DOCTYPEhtml>

　　<htmlxmlns="http://www.w3.org/1999/xhtml">

　　<head>

　　<title>CSS3:checked選擇器</title>

　　<styletype="text/css">

　　input:checked

　　{

　　background-color:red;

　　}

　　</style>

　　</head>

　　<body>

　　<formname="form1"method="post"action="index.html">

　　性別：

　　<inputtype="radio"name="Question1"value="boy"checked="checked"/>男

　　<inputtype="radio"name="Question1"value="girl"/>女<br/>

　　你喜歡的水果：<br/>

　　<inputid="checkbox1"type="checkbox"checked="checked"/><labelfor="checkbox1">蘋果</label><br/>

　　<inputid="checkbox2"type="checkbox"/><labelfor="checkbox2">香蕉</label><br/>

　　<inputid="checkbox3"type="checkbox"/><labelfor="checkbox3">西瓜</label><br/>

　　<inputid="checkbox4"type="checkbox"/><labelfor="checkbox4">鳳梨</label>

　　</form>

　　</body>

　　</html>

checked選擇器怎么用

到此，相信大家對(duì)“checked選擇器怎么用”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手