html - 删除 ajaxtoolkit Combobox 按钮的内联样式

Question

我在我的页面中使用 AjaxToolkit 组合框...我正在尝试更改组合按钮的宽度。但我做不到。因为它默认有内联样式..

我尝试了下面的代码来添加样式

//组合CSS

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

但是 border-radius 和 Box-shadow 样式正在应用，但是 Width& height 没有应用 ..

因为 ComboBox Button 有默认的内联样式..我也不能删除那些行样式..

请给我一些建议....

Answer 1

添加一个 javascript 函数来搜索和删除文档就绪的属性。jquery 的方式是:

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

确保你的 css 有一个 myAwesomeClassWithCoolDimensions 类。