這篇文章將為大家詳細(xì)講解有關(guān)CSS偽類修改input選中樣式的方法，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比文安網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式文安網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋文安地區(qū)。費(fèi)用合理售后完善，10年實(shí)體公司更值得信賴。

注：該表引自W3School教程

偽元素的分類及作用：

下面通過代碼看下CSS 偽類修改input選中樣式的示例代碼，代碼如下所示：

主要是用到了after偽類和字體符號(hào)。

input{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
}
input:after{
    content: "";
    font-size: 18px;
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    border: 1px solid #666fff;
    vertical-align: bottom;
}
input:checked:after{
    content: "\2714";
}

效果如下：

關(guān)于“CSS偽類修改input選中樣式的方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

當(dāng)前標(biāo)題：CSS偽類修改input選中樣式的方法-創(chuàng)新互聯(lián)
網(wǎng)站網(wǎng)址：http://weahome.cn/article/coejpp.html