CSS дизайн стиль проблема материала

Question

У меня есть гиперссылка, которая открывает модальное диалоговое окно:

<a class="waves-effect waves-light btn modal-trigger" href="#modal1">{{Modal}}</a>

Стиль делает его отображаемым в виде кнопки, а я хочу его в виде простого текста. ЕСЛИ я удаляю class="waves-effect waves-light btn modal-trigger"Текст исчезнет полностью. Замена его другим классом

.txt {
    color: white;
 }

не сработало - текст все равно пропадает. Кто-нибудь может сказать мне, почему?

Answer 1

Удалить waves-effect waves-light btn классы. Это должно оставить вас с:

<a class="modal-trigger" href="#modal1">{{Modal}}</a>

Это удалит стилизацию кнопки и оставит вас с простым текстом, который запускает ваш модальный.