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

Question

只是想把文本和箭頭變成白色：

這是代碼：

<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>

Answer 1

應用於輸入、下拉和圖標的實際樣式如下：

對於圖標：

.select-wrapper .caret {

    fill: firebrick;
}

對於下拉內容：

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

對於選定的項目顏色：

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

顯然將耐火磚更改為您想要的顏色。 旁注，Materializecss 隱藏了原始的 select 元素並創建了一個帶有內置下拉列表的新元素 - 因此上面的樣式（.dropdown-content 和 .select-wrapper）是動態生成的，因此如果您正在尋找樣式，則有點困難在原始標記處。

工作演示在這里。