0

我目前正在使用已修改 css 的 jQuery UI 选项卡来重新定位选项卡的位置和外观。

我也有 jQuery UI 自动完成同一页面。但是，使用默认的 jQuery UI css 进行自动完成会破坏自定义选项卡的外观。

我修改了标签 css 以查看更高的 div，试图将其隔离一点：

#MYContainer .ui-state-active a, 
#MYContainer .ui-state-active a:link, 
#MYContainer .ui-state-active a:visited { 
color:transparent;
text-decoration: none; 
background-color:#fff;
background-repeat:no-repeat;
width:11px;
height:11px;
margin-right:05px;
padding:0;
color:transparent;

}

但是，让原始 css 处理自动完成的 UI 会覆盖这一点。

任何关于如何在同一页面上修改两个 UI 组件的建议将不胜感激。

*编辑** 这是我用于启动自动完成的输入的 HTML

<div id="searchwrapper">
<input title="Title" type="text" id="SearchBox"/>
<button type="button" id="SearchButton">Search</button>
</div>
4

1 回答 1

0

使用 css 选择器仅定位选项卡。您可以添加一个包装器或使用精确的选择器，例如 > 来使其工作。

用你的 HTML 也许我可以给你一个更好的例子。

于 2013-09-16T13:41:50.907 回答