免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

怎么用CSS修改選擇框樣式

這篇文章主要介紹怎么用CSS修改選擇框樣式,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!

創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供廣信網(wǎng)站建設(shè)、廣信做網(wǎng)站、廣信網(wǎng)站設(shè)計(jì)、廣信網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、廣信企業(yè)網(wǎng)站模板建站服務(wù),10多年廣信做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

如何修改選擇框樣式

選擇框是制作表單必不可少的一部分,還可以下拉以添加選擇并自定義表單。

通過CSS自定義,你可以對選擇框進(jìn)行各種樣式的設(shè)置。

此外,默認(rèn)值是下拉菜單,但您可以使用size屬性指定選項(xiàng)的顯示行數(shù)。選擇框中的選項(xiàng)使用<OPTION>標(biāo)簽來指定。

我們來看具體的代碼

HTML

<divclass="cp_ipselectcp_sl04">

<selectrequired>

<optionvalue=""hidden>請選擇具體位置</option>

<optionvalue="1">合肥</option>

<optionvalue="2">南京</option>

<optionvalue="3">蕪湖</option>

<optionvalue="4">上海</option>

</select>

</div>

CSS

.cp_ipselect{

overflow:hidden;

width:90%;

margin:2emauto;

text-align:center;

}

.cp_ipselectselect{

width:100%;

padding-right:1em;

cursor:pointer;

text-indent:0.01px;

text-overflow:ellipsis;

border:none;

outline:none;

background:transparent;

background-image:none;

box-shadow:none;

-webkit-appearance:none;

appearance:none;

}

.cp_ipselectselect::-ms-expand{

display:none;

}

.cp_ipselect.cp_sl04{

position:relative;

border-radius:2px;

border:2pxsolid#da3c41;

border-radius:50px;

background:#ffffff;

}

.cp_ipselect.cp_sl04::before{

position:absolute;

top:0.8em;

right:0.8em;

width:0;

height:0;

padding:0;

content:'';

border-left:6pxsolidtransparent;

border-right:6pxsolidtransparent;

border-top:6pxsolid#da3c41;

pointer-events:none;

}

.cp_ipselect.cp_sl04select{

padding:8px38px8px8px;

color:#da3c41;

}

以上是“怎么用CSS修改選擇框樣式”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

網(wǎng)站標(biāo)題:怎么用CSS修改選擇框樣式
文章路徑:http://m.newbst.com/article4/pogsie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供標(biāo)簽優(yōu)化、自適應(yīng)網(wǎng)站、網(wǎng)站改版、建站公司、靜態(tài)網(wǎng)站

廣告

聲明:本網(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)

成都seo排名網(wǎng)站優(yōu)化