Блог

Главная - Вопросы по программированию - Угловой материал: нет цвета фона на mat-ввод в режиме фокусировки

Угловой материал: нет цвета фона на mat-ввод в режиме фокусировки

#css #angular #angular-material

#css #угловой #angular-материал

Вопрос:

введите описание изображения здесь

У меня есть поле ввода mat 

   <mat-form-field>
    <input class='formulaInput' matInput [(ngModel)]='mathFormulaInput'>
  </mat-form-field>

и я не доволен синим фоном, когда он сфокусирован. Есть ли простой способ CSS скрыть это?

Комментарии:

1. input:focus { background: none; } попробуйте это

2. Цвета фона не должно быть, посмотрите на примеры здесь . Можете ли вы опубликовать CSS для компонента и / или какие-либо глобальные правила, которые могут повлиять на это?

3. ПО умолчанию он не будет отображать фон, возможно, какой-то из ваших css переопределяет его, пожалуйста, опубликуйте свой css

Ответ №1:

Это не имеет ничего общего с angular-material, но с вашим браузером. Проверьте «таблицы стилей агента пользователя». Скорее всего, это происходит из-за автозаполнения браузеров (ввод:-внутренний-автозаполнение-выбранный) стилей.

Комментарии:

1. Действительно, это отображается только тогда, когда я использую некоторые предложения по автозаполнению. Мой плохой. Спасибо за ввод!

2. Вы можете перезаписать эти стили, см. developer.mozilla.org/de/docs/Web/CSS/:-webkit-autofill

3. @RaphaelMayer это приводит меня к 404 🙁