2016-08-18 121 views
0

我打开一个模式对话框中的超链接:材质设计的CSS样式问题

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

的造型使得它显示为一个按钮,我希望它是一个纯文本。如果我删除class="waves-effect waves-light btn modal-trigger",文字完全消失。用不同的类替换它

.txt { 
    color: white; 
} 

没有工作 - 文本仍然消失。谁能告诉我为什么?

+1

你有没有尝试只保留这样的'模态触发器类:'{{Modal}}'? – JeanMel

+0

它不是消失的伴侣,你有什么风格已经存在''标签? – hulkinBrain

+0

除了'modal-trigger'之外的所有东西都不起作用 - 它也删除了文本。相反,删除'btn'部分效果很好。现在唯一的问题是额外的空间 – ElenaDBA

回答

0

删除waves-effect waves-light btn类。这应该留给你:

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

这将删除按钮样式并留下简单的文本触发你的模态。

+0

除了'模态触发器'不工作 - 除去了文本。相反,删除'btn'部分效果很好。现在唯一的问题是额外的间距 – ElenaDBA