實體化標籤的默認顏色爲粉紅色。也是活動標籤的下劃線。我想定製並添加一些樣式。我怎麼做?更改標籤文本的顏色和實際框架中的下劃線
回答
圖片: Active tab和在CSS用於上文2個圖像效果 Tab2 on hover
代碼更改:
.tabs .tab a{
color:#000;
} /*Black color to the text*/
.tabs .tab a:hover {
background-color:#eee;
color:#000;
} /*Text color on hover*/
.tabs .tab a.active {
background-color:#888;
color:#000;
} /*Background and text color when a tab is active*/
.tabs .indicator {
background-color:#000;
} /*Color of underline*/
它很容易在物化中應用預定義的類。
只是參考頁:http://materializecss.com/color.html
在這裏,我已經應用類蒂爾減輕-2,但也有從中你可以選擇的歸類不同的組合。此外,您可以編寫自己的自定義類並應用它。
HTML:
<div class="row">
<div class="col s12">
<ul class="tabs teal lighten-2">
<li class="tab col s3"><a href="#test1">Test 1</a></li>
<li class="tab col s3"><a class="active" href="#test2">Test 2</a></li>
<li class="tab col s3"><a href="#test3">Test 3</a></li>
</ul>
</div>
<div id="test1" class="col s12">Test 1</div>
<div id="test2" class="col s12">Test 2</div>
<div id="test3" class="col s12">Test 3</div>
<div id="test4" class="col s12">Test 4</div>
</div>
的jsfiddle:http://jsfiddle.net/nikdtu/doska9qe/
@KruthikaCS:高興地幫忙! :) –
根本不工作! –
@Adarsh:究竟是什麼,你檢查了小提琴http://jsfiddle.net/nikdtu/doska9qe/? –
- 1. 更改TextView的下劃線顏色
- 2. 更改標籤的文本顏色
- 3. 更改標籤Widget中的文本顏色和文本大小...?
- 4. 更改標籤中文字的顏色?
- 5. 改變顏色的EditText的下劃線
- 6. 如何將文本標籤的顏色更改爲UITableViewCellStyleValue1顏色
- 7. RichTextBox和下劃線顏色
- 8. 在條件下更改文本框中的文本顏色
- 9. 更改android中的下劃線的顏色
- 10. 如何更改angular4中md-input-container的下劃線顏色?
- 11. 在QLineEdit中更改框架的顏色
- 12. 更改Android中對話框標題周圍框架的顏色
- 13. matplotlib:更改標題和顏色條文本和刻度顏色
- 14. 更改UICollectionView中標籤的顏色iOS
- 15. 更改barChart(TeeChart)中標籤的顏色
- 16. 在ActionBarActivity中更改標籤文本的顏色
- 17. 在Textmate中,如何更改HTML標籤內文本的顏色?
- 18. 如何動態更改Xamarin C#中標籤文本的顏色?
- 19. 更改文本框的背景顏色
- 20. 更改插入顏色的文本框
- 21. 更改文本框的背景顏色
- 22. AlertDialog標題下劃線顏色
- 23. Nimbus更改標籤標題的顏色
- 24. 更改鏈接下劃線顏色和不字體顏色(下邊框不適用於所有瀏覽器)
- 25. 屬性更改標籤顏色標籤
- 26. 更改標籤文本和顏色隨着當前時間
- 27. 更改標題UIActivityController的文本顏色
- 28. 如何更改Materialise CSS選項卡的下劃線顏色?
- 29. 棒棒堂:如何更改AutoTextView的下劃線顏色?
- 30. 更改字體的顏色並使其加下劃線
希望這可以幫助脂肪酶尋找相同的問題:) –