在布爾瑪中更改選擇箭頭的顏色

Question

我正在使用Bulma ，想知道是否可以更改選擇輸入下拉箭頭的顏色？ 現在，您可以看到它是藍色的。 我無法在他們的文檔中找到與此相關的任何信息...

Answer 1

我認為這應該可以解決問題

.select:not(.is-multiple):not(.is-loading)::after {
    border-color: #3273dc;
}

Answer 2

嘗試：

select::-ms-expand {
    border-color: /*change your color here*/
}

希望對您有所幫助；）

Answer 3

您可以通過內部設置.select:after來更改箭頭顏色

 .select.is-pink:after { border-color: pink !important; } 

 <link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.0/css/bulma.min.css" rel="stylesheet"/> <section class="section is-paddingless-horizontal"> <div class="container"> <div class="select is-pink"> <select> <option>Select dropdown</option> <option>With options</option> </select> </div> </div> </section>