[英]Customizing jquery UI tabs
I am using tab widget of jQuery UI. 我正在使用jQuery UI的选项卡小部件。 I want to change the
color
of active tab to yellow
by using ui-tabs-active
class as mentioned here in API docs 我想改变
color
活动标签到yellow
用ui-tabs-active
提到阶级这里的API文档
But despite of doing following: 但是尽管执行以下操作:
<style type="text/css">
.ui-tabs-active
{
background-color:yellow;
}
</style>
Its color does not change. 其颜色不变。 Here is the code at jsbin.com
这是jsbin.com上的代码
You need to be a little more direct with your CSS. 您需要更加直接地使用CSS。 Also you need to remove the default image that resides there
另外,您需要删除驻留在其中的默认图像
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
background-image: none;
background-color:green;
}
DEMO http://jsbin.com/iXur/25/edit 演示http://jsbin.com/iXur/25/edit
change color on ui css file 更改ui css文件上的颜色
open css file search about 打开css文件搜索一下
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px;}
change 更改
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; background-color:yellow;}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.