移除ajaxtoolkit組合框的樣式組合框按鈕

Question

我在頁面中使用AjaxToolkit組合框...我試圖改變組合框按鈕的寬度。但我不能。因爲它有默認的內聯樣式..

我嘗試下面的代碼添加樣式

//組合CSS

.ComboClass .ajax__combobox_buttoncontainer button 
     { 
      border-radius: 0px; 
      box-shadow: 0px; 
      width  :12px; height:12px;  
     } 

但邊界半徑和箱陰影樣式應用，但寬度&高度不適用 ..

因爲組合框按鈕默認了內嵌樣式..我不能刪除該行的風格太..

請發表我的一些建議....

Answer 1

最後它的工作原理..我的css的變化很小。我只是說！覆蓋默認的元素（內聯樣式）的重要屬性..

<style type="text/css"> 
     .ComboClass .ajax__combobox_buttoncontainer button 
     {    
      box-shadow: 0px; 
      width: 14px !important; 
      height: 15px !important; 
     } 
</style> 

現在我可以改變寬度&高度組合鍵的。

Answer 2

添加一個JavaScript函數來搜索和去除文檔上的屬性就緒。 jQuery的方法是：

$(document).ready(function() 
{ 
document.find(".ajax__combobox_buttoncontainer").removeClass("ajax__combobox_buttoncontainer").addClass("myAwesomeClassWithCoolDimensions");  
}); 

確保你的CSS有myAwesomeClassWithCoolDimensions類。