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;

}

ただし、オートコンプリートの UI を処理するために元の css を残すと、これがオーバーライドされます。

同じページに 2 つの変更された 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 に答える