checked選擇器如何使用-創(chuàng)新互聯(lián)

這篇文章主要介紹checked選擇器如何使用，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

10多年建站經(jīng)驗(yàn)，成都網(wǎng)站制作、成都做網(wǎng)站客戶的見證與正確選擇。創(chuàng)新互聯(lián)提供完善的營銷型網(wǎng)頁建站明細(xì)報價表。后期開發(fā)更加便捷高效，我們致力于追求更美、更快、更規(guī)范。

checked選擇器是什么？

在表單元素中，單選按鈕radio和復(fù)選框checkbox都具有“選中”和“未選中”狀態(tài)。在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選擇器如何使用

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

以上是checked選擇器如何使用的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道！

當(dāng)前文章：checked選擇器如何使用-創(chuàng)新互聯(lián)
文章源于：http://jinyejixie.com/article40/icpho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、微信公眾號、虛擬主機(jī)、軟件開發(fā)、App開發(fā)、外貿(mào)建站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

checked選擇器如何使用-創(chuàng)新互聯(lián)