我使用materializecss。我有两个问题。
第一:如何用“活动”类标记标签(就像点击了一样)?如果我打开标签页(下一个“活动”标签页后面),我没有看到该标签页(包裹在其中)在这一刻打开。 (我使用两行制表符) 第二:如何标记制表符的文本(好像是徘徊在两行中) 非常感谢您的帮助。Materialisecss选项卡
0
A
回答
0
请有文档一看: http://materializecss.com/tabs.html
可以使用回调函数昂秀 因此,当一个选项卡显示你可以做任何你想要的^^
您的制表触发(也许您的一个标签)自动获得的“活动”类,激活
0
时生成使用兑现CSS,你可以这样做&窝旅游标签:
<ul id="tabs-swipe-demo" class="tabs">
<li class="tab col s3"><a href="#test-swipe-1">Test 1</a></li>
<li class="tab col s3"><a class="active" href="#test-swipe-2">Test 2</a></li>
<li class="tab col s3"><a href="#test-swipe-3">Test 3</a></li>
</ul>
<div id="test-swipe-1" class="col s12 blue">
Test 1 <!-- whatever inside first tab -->
<!-- you can nest another set of tab inside like so : -->
<ul id="tabs-swipe-demo" class="tabs">
<li class="tab col s3"><a href="#test-swipe-4">Test 4</a></li>
<li class="tab col s3"><a class="active" href="#test-swipe-5">Test 5</a></li>
<li class="tab col s3"><a href="#test-swipe-6">Test 6</a></li>
</ul>
<div id="test-swipe-4" class="col s12 blue">
Test 4 <!-- whatever inside first tab -->
</div>
<div id="test-swipe-5" class="col s12 red">
Test 5 <!-- whatever inside secont tab -->
</div>
<div id="test-swipe-6" class="col s12 green">
Test 6 <!-- whatever inside third tab -->
</div>
</div>
<div id="test-swipe-2" class="col s12 red">
Test 2 <!-- whatever inside secont tab -->
</div>
<div id="test-swipe-3" class="col s12 green">
Test 3 <!-- whatever inside third tab -->
</div>
改变标签的字体颜色和背景颜色上悬停或活动状态,你可以把你的CSS:
<style>
/*when hover*/
.tabs .tab a:hover{
background-color:/* put some background color*/;
color:/* put some font color*/;
}
/*when active*/
.tabs .tab a.active{
background-color:/* put some background color*/;
color:/* put some font color*/;
}
</style>
相关问题
- 1. Materialisecss卡发行
- 2. MaterialiseCSS卡片设计
- 3. Android - 导航选项卡 - 刷卡选项卡(固定选项卡)
- 4. MaterialiseCSS多选不工作
- 5. Android:选项卡内的选项卡
- 6. jquery-ui选项卡 - 添加选项卡
- 7. Jquery选项卡启用选项卡?
- 8. 选项卡中的嵌套选项卡
- 9. jQuery UI选项卡:多组选项卡
- 10. 合并选项卡中的选项卡
- 11. jqyery选项卡默认选项卡
- 12. jQuery UI选项卡 - 链接选项卡
- 13. jQuery选项卡 - 获取选定选项卡的选项卡模板
- 14. jQueryUI选项卡:选择选项卡时清除其他选项卡的div
- 15. Angular-Bootstrap UI选项卡:删除选项卡选项
- 16. 使用Jquery-ui选项卡,使用Parent选项卡集和子选项卡集,如何链接选项卡'cousins'?
- 17. iOS选项卡
- 18. 如何清除旧选项卡并在选项卡上添加新选项卡
- 19. Bootstrap 2.1 javascript嵌套选项卡:内部选项卡关闭外部选项卡
- 20. 表单提交后,Jquery选项卡更新选项卡在同一选项卡
- 21. 在Access 2007中的选项卡外部选项卡上的选项卡
- 22. WPF - 选项卡控件中的两行选项卡 - 选项卡包装
- 23. Jquery选项卡选中没有选项卡被选中
- 24. 与Materialisecss春天MVC复选框
- 25. LWUIT:选项卡 - 如何标记当前选定的选项卡
- 26. 如何在选择其他选项卡时激活选项卡?
- 27. 更改选项卡选择选项卡时的文本颜色
- 28. JavaFx:选项卡上的事件筛选器(选项卡窗格)
- 29. 在选项卡控制器中选择了两个选项卡
- 30. jQuery UI选项卡 - 选项卡组合并选择转到URL