Материал дизайна 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> 

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