[英]jquery tabs border issue
I've used jQuery tabs and can't override one thing. 我使用了jQuery选项卡,无法覆盖一件事。
#tabs .ui-tabs-nav {
height: 2.35em;
text-align: center;
}
#tabs .ui-tabs-nav li {
display: inline-block;
float: none;
margin: 0em;
}
#tabs .ui-widget-content {
border: none;
background: none;
padding-left:13px;
}
#tabs .ui-widget-header {
border: none;
background: #ffffff;
font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
font-size:12px;
}
#tabs .ui-state-default, .ui-widget-content .ui-state-default {
background:#b9c9fe;
border:1px solid #E0E0E0;
}
#tabs .ui-state-active, .ui-widget-content .ui-state-active {
background:#e8edff none;
border:1px solid #ffffff;
}
The problem is that I can't get rid of the one, external border. 问题是我无法摆脱一个外部边界。
Anyone willing to help? 有人愿意帮忙吗?
Thanks in advice. 谢谢你的建议。
HTML: HTML:
<div id="tabs">
<ul>
<li><a href="#tabs-1">1</a></li>
<li><a href="#tabs-2">2</a></li>
<li><a href="#tabs-3">3</a></li>
<li><a href="#tabs-4">4</a></li>
<li><a href="#tabs-5">5</a></li>
</ul>
<div id="tabs-1">
<p>TODO</p>
</div>
<div id="tabs-2">
<p>TODO</p>
</div>
<div id="tabs-3">
<p>TODO</p>
</div>
<div id="tabs-4">
<p>TODO</p>
</div>
<div id="tabs-5">
<p>TODO</p>
</div>
</div>
Added code with HTML code to show how it goes with CSS included. 添加了HTML代码代码,以显示包含CSS的方式。
try this 尝试这个
.ui-widget-content{
border: none !important;
}
it could also be 它也可能是
.ui-widget-header{
border: none;
}
This selector needs to be changed assuming #tabs is the element you called .tabs()
on: 假设#tabs是您调用
.tabs()
的元素,则需要更改此选择器:
#tabs .ui-widget-content
to 至
#tabs.ui-widget-content
or 要么
#tabs
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.