我目前正在努力使用jquery-ui标签的css布局。我正在使用两个css,我最初组装的第一个css,以获得我想要的标签(见图2)。第二个名为jquery-ui-1.8rc2.custom.css的css已添加到我在网页上使用的警告对话框中。现在如果我使用它们两个css标签将不成比例(看图像2)。
我如何避免/绕过/解决我目前正在进行的这个问题?
我想要的标签CSS outlook:
由jquery-ui-1.8rc2.custom.css扭曲的选项卡CSS外观:
我的网站中使用jquery-ui-1.8rc2.custom.css的警告框:
编辑:
这是我的tabs.css
<style>
#page-wrap { width: 615px; background:#FFF; margin: 10px auto; margin: 0; padding: 0; }
.ui-tabs { zoom: 1;}
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; overflow:hidden;
z-index: 1000; background: #EBEBEB; margin: 0; padding: 0;}
.ui-tabs .ui-tabs-nav li { position: relative; float: left;
border-bottom-width: 0 !important; margin: 0 0px -1px 0; background: #EBEBEB;}
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 5px 10px ; outline: medium none; font-weight: bold; font-size:11px; line-height:
30px;}
.ui-tabs .ui-tabs-nav
li.ui-tabs-selected { border-bottom-width: 0; background: #F9AE5C; border-top:1px solid #D4D4D4; border-left:1px solid #D4D4D4; border-right:1px solid #D4D4D4; border-bottom:1px solid #FFF; }
.ui-tabs .ui-tabs-nav
li.ui-tabs-selected a, .ui-tabs
.ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav
li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible
.ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; color: #222222; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 20px; display: block; border-width: 0; background: none;
position: relative; min-height: 100px; border: 1px solid #D4D4D4; }
.ui-tabs .ui-tabs-hide { display: none !important; margin: 0; padding: 0;}
.pngIcon{ padding:0px 5px 0px 5px; vertical-align:bottom;}
a.mover { background: #900; padding: 6px 12px; position: absolute;
color: white; font-weight: bold; text-decoration: none; }
.next-tab { bottom: 0; right: 0; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; }
.prev-tab { bottom: 0; left: 0; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; }
</style>
至于jquery-ui-1.8rc2.custom.css这里是LINK
答案 0 :(得分:1)
我敢打赌,如果.custom.css覆盖你的.css规则,那么你将在头部中调用.custom.css样式表。首先调用custom.css,然后调用第二个。稍后调用.css文件应覆盖样式表之间重复的任何规则。研究与多个样式表相关的“特异性”。