如何在select框下拉菜單中更改藍(lán)色突出顯示的顏色

如何更改此下拉菜單中的藍(lán)色突出顯示？

鏈接到select框演示

這是代碼：

Select an OptionOption 1Option 2

如果可能的話，我想將高亮顏色更改為灰色。

剛剛find這個(gè)，同時(shí)尋找解決scheme。 我只testing過FF 32.0.3

box-shadow: 0 0 10px 100px #fff inset;

我相信你正在尋找outline CSS屬性(與活動(dòng)和hover偽裝屬性一起)：

/* turn it off completely */ select:active, select:hover { outline: none } /* make it red instead (with with same width and style) */ select:active, select:hover { outline-color: red }

是的，你可以改變select的背景，但是你將無法通過使用CSS來改變高亮顏色(當(dāng)你hover時(shí))！

你有幾個(gè)select：

是將select轉(zhuǎn)換成ul, litypes的select，并做任何你想要的這個(gè)。

使用類似Choosen ， Select2或jQuery Form Styler的庫 。 這些允許您以更加寬泛和跨瀏覽器的方式進(jìn)行樣式devise。

要在Firefox中設(shè)置hover顏色和避免操作系統(tǒng)默認(rèn)顏色的風(fēng)格，您需要為select選項(xiàng)和select選項(xiàng)添加一個(gè)方塊陰影：hover聲明，將“陰影選項(xiàng)”上的方塊陰影顏色設(shè)置為菜單背景顏色。

select option { background: #f00; color: #fff; box-shadow: inset 20px 20px #f00 } select option:hover { color: #000; box-shadow: inset 20px 20px #00f; }

這適用于Firefox和Chrome，優(yōu)雅地回落到IE中的系統(tǒng)顏色。 只要確保將title屬性設(shè)置為選項(xiàng)的內(nèi)容即可。 它允許你設(shè)置背景和前景色。

select option:checked:after { content: attr(title); background: #666; color: #fff; position: absolute; width: 100%; left: 0; border: none; }

總結(jié)

以上是生活随笔為你收集整理的html下拉菜单换背景颜色,如何在select框下拉菜单中更改蓝色突出显示的颜色的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。