首頁猿問有沒有辦法更改...

有沒有辦法更改 Materializecss Select 中文本和箭頭的顏色？

Html5

寶慕林4294392 2023-10-17 17:24:13

只是想把文本和箭頭變成白色：這是代碼：<div class="input-field col s12 white-text"> <select class="white-text" id="selectSide"> <option value="All" selected>All</option> <option value="Buy">Buy</option> <option value="Sell">Sell</option> </select> <label class="white-text">Side</label></div>

查看完整描述

1 回答

冉冉說

TA貢獻(xiàn)1877條經(jīng)驗(yàn) 獲得超1個贊

應(yīng)用于輸入、下拉菜單和圖標(biāo)的實(shí)際樣式如下：

對于圖標(biāo)：

.select-wrapper .caret {

    fill: firebrick;
}

對于下拉內(nèi)容：

.dropdown-content li span {  
    color: firebrick;   
}

對于所選項(xiàng)目顏色：

.dropdown-content li span {  
    color: firebrick;   
}

顯然將耐火磚更改為您想要的顏色。旁注，Materializecss 隱藏了原始的 select 元素，并創(chuàng)建了一個帶有內(nèi)置下拉菜單的新元素 - 因此上面的樣式（.dropdown-content 和 .select-wrapper）是動態(tài)生成的，因此如果您正在尋找樣式，則有點(diǎn)難以設(shè)置樣式按原始標(biāo)記。

工作演示在這里。

反對回復(fù) 2023-10-17