Удалите границу ввода и измените цвет заполнителя в buefy

Question

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

С приложенным css я край ввода выглядит странно.

        <b-field label="Username:"
            :type="{ 'is-danger': this.hasError }"
            :message="{ 'Username is not available': this.hasError }">
            <b-input v-model="username" value='' maxlength="30" placeholder="Username"></b-input>
        </b-field>

        .input{
           color: #dce3ff;
           background-color: #394573;
           border:0px;
           border-bottom:2px solid #eee;
         }

Answer 1

Вы можете использовать Настроить переменные S CSS Bulma для этого. Например, если вы хотите изменить цвет ввода метки-заполнителя, вы можете изменить значение на $input-placeholder-color.

При удалении границы, стиль Bulma также использует box-shadow. Это то, что вы видите на краю вашего ввода. Вы можете настроить переменную Bulma $input-shadow на $input-shadow: none;