在布尔玛中更改选择箭头的颜色

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>