buefy input не меняет цвет стиля границы

Question

Я хотел изменить стиль buefy b-input, но когда я пытаюсь изменить дизайн, это не работает.

Вот мой код.

<b-field>
<b-input
placeholder="Username"
size="is-medium"
></b-input>
</b-field>


<style>
input.input.is-medium {
    border: 1px solid red;
}
</style>

Answer 1

Если вы хотите изменить все свои кнопки, взгляните на переменные Bulma.

Buefy использует Bulma CSS

https://bulma.io/documentation/elements/button/#variables

Здесь вы захотите изменить $button-border-color