Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery选项卡边界问题_Javascript_Jquery_Tabs - Fatal编程技术网

Javascript jquery选项卡边界问题

Javascript jquery选项卡边界问题,javascript,jquery,tabs,Javascript,Jquery,Tabs,我使用了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;

我使用了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;
}
问题是我无法摆脱一个外部边界

有人愿意帮忙吗

谢谢你的建议

HTML:

添加了带有HTML代码的代码,以显示它如何与包含的CSS配合使用。

试试这个

.ui-widget-content{
    border: none !important;
}
也可能是

.ui-widget-header{
   border: none;
}
试试这个

.ui-widget-content{
    border: none !important;
}
也可能是

.ui-widget-header{
   border: none;
}

假设选项卡是您调用的元素,则需要更改此选择器。选项卡位于:


假设选项卡是您调用的元素,则需要更改此选择器。选项卡位于:



请给我们一个JSFIDLE或一些html代码好吗?样式是用这个选择器添加的:.ui小部件内容您上面的css选择器包含一个ID,因此它将比jQuery ui中的更具体。是的,您能给我们展示一些JSFIDLE上的代码吗?大家好,谢谢回答,尝试了JSFIDLE,但不能让它看起来像在我的桌面上。就像它缺少jQuery一样,但是您可以在这里看到它-抱歉,没有足够的信息来回答您的问题。尝试在JSFIDLE上复制桌面上的内容。JSFIDLE允许您添加javascript,您必须从左侧“Choose framework”下的导航栏中选择jquery框架。我们可以得到一个JSFIDLE或一些html代码吗?样式是通过此选择器添加的:。ui小部件内容您上面的css选择器包含一个ID,因此它将比jquery ui中的更具体。是的,你们能给我们看一些关于JSFIDLE的代码吗?大家好,谢谢你们的回答,我试过JSFIDLE,但不能让它看起来像在我的桌面上。就像它缺少jQuery一样,但是您可以在这里看到它-抱歉,没有足够的信息来回答您的问题。尝试在JSFIDLE上复制桌面上的内容。JSFIDLE允许您添加javascript,您必须从左侧“Choose framework”下面的导航中选择jquery框架!重要的是,这将覆盖jquery ui cssRight,但在.ui小部件内容之前使用制表符不会使其比jquery ui的css更具体吗?啊,我想知道它们是否在同一元素上。这就可以解释了。他没有显示他的HTML,如果他选择使用标准,并且有一个ID为tabs的div-然后是tabs。ui小部件内容{}将是相同的,他可以很容易地使用不使用的选项卡,这两种方式都可以,如果其他jquery ui项现在没有您想要的边框,那么这两种方式都会有问题,那你得进去,还有更多specific@Pawel-这还没解决问题?这是问题!重要的是,这将覆盖jquery ui cssRight,但在.ui小部件内容之前使用制表符不会使其比jquery ui的css更具体吗?啊,我想知道它们是否在同一元素上。这就可以解释了。他没有显示他的HTML,如果他选择使用标准,并且有一个ID为tabs的div-然后是tabs。ui小部件内容{}将是相同的,他可以很容易地使用不使用的选项卡,这两种方式都可以,如果其他jquery ui项现在没有您想要的边框,那么这两种方式都会有问题,那你得进去,还有更多specific@Pawel-这并没有解决问题?如果我制作tabs.ui-widget-content或tabs,它会非常混乱,按钮居中,没有边框和以前的结构:它不是从左边填充的:13px;它是?这把小提琴似乎很好用。选项卡的居中是在其他地方发生的,tabs.ui-widget-content中应用的样式与此无关。如果我制作tabs.ui-widget-content或tabs,它会非常混乱,按钮居中没有边框和以前的结构:它不是从左边填充的:13px;它是?这把小提琴似乎很好用。选项卡的居中发生在其他地方,tabs.ui-widget-content中应用的样式与此无关。
#tabs.ui-widget-content
#tabs