Изменить выберите цвет стрелки в Bulma

Question

Я использую Bulma, и мне было интересно, если это возможно, чтобы изменить цвет стрелки выбора ввода ввода? Прямо сейчас, как вы можете видеть, это синий. Я не могу найти ничего в их документации об этом...

Answer 1

Я думаю, что это должно сработать

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

Answer 2

Вы можете изменить цвет стрелки, настроив .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>

Answer 3

Это стиль по умолчанию:

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

Чтобы изменить это, вам нужно добавить новый цвет с более конкретным селектором ex.

body .select:not(.is-multiple):not(.is-loading)::after{
    border-color: red;
}

Красный новый цвет, вы можете добавить свой цвет.

Answer 4

Попробуйте с:

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

Я надеюсь, что это помогает;)