Почему мои кнопки и ссылки на угловой материал подчеркнуты/выделены?

55
7

Я испытываю некоторые странные изложения после нажатия кнопки, которая использует любой из вариантов mat-button из Углового материала, а также теги ссылки подчеркнуты, когда я наводил на них курсор мыши.

Кнопка oulining после нажатия кнопки.

Ссылка подчеркивается при наведении курсора мыши.

Я использую Angular 6, Angular Material, а также немного Bootstrap 4. Код для изображений выше - это просто:

<div class="container">
<div class="row">
<h1>Hello</h1>
</div>
<div class="row">
<button mat-raised-button>Click me!</button>
<a mat-button>Click me too!</a>
</div>
</div>

спросил(а) 2018-08-09T13:15:00+03:00 1 год, 11 месяцев назад
1
Решение
87

Во время публикации вопроса я узнал, что проблема была Bootstrap, но я решил отправить вопрос в любом случае как способ документировать это поведение.

Чтобы исправить это, удалите Bootstrap или следуйте описанному здесь. Решение описано, когда автор сообщения создает две частицы Sass _variables.scss и _reset.scss.

Существует также еще одно хорошее руководство по использованию Bootstrap и Angular Material здесь.

ответил(а) 2018-08-09T13:20:00+03:00 1 год, 11 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема