2016-08-18 126 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