使用jQuery UI自動完成和標籤 - 修改CSS

的衝突我目前使用的是已修改CSS來重新定位標籤的位置和外觀jQuery UI的標籤。使用jQuery UI自動完成和標籤 - 修改CSS

我也有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組件的任何建議，將不勝感激。

* 編輯 ** 這是我發起的自動完成

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

來源

2013-09-16 MegaTron

您可以發佈[的jsfiddle（http://jsfiddle.net/）？ – apaul

不幸的是我需要一段時間。目前它與內容管理系統集成，可以從XSLT獲取信息。如果我能以某種方式獲取整個自動完成html並將其保存在另一個div中，那麼我可能對它有更多的控制權。 – MegaTron

使用CSS選擇器只針對標籤輸入HTML。你可以添加一個包裝器或使用精確的選擇器，例如>來使其工作。

隨着你的HTML也許我可以給你一個更好的例子。

來源

2013-09-16 13:41:50 Anys

嗨，安尼斯，感謝您的迴應。我已經爲自動完成輸入框添加了我的HTML。正如你可以在我原來的帖子中看到的，我用我的CSS定位了標籤。我不能想辦法把包裝器自動完成，因爲它是在它自己的隱格在DOM的底部（不是內部的任何我的div） – MegaTron

使用jQuery UI自動完成和標籤 - 修改CSS

回答

相關問題