Question

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

我尝试使用以下代码添加样式

// Combo css

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

但是边框半径和框阴影样式正在应用，但宽度和宽度身高不适用 ..

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

请给我一些建议......

Answer 1

添加javascript函数以搜索并删除文档就绪的属性。 jquery方式是：

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

确保你的css有一个myAwesomeClassWithCoolDimensions类。

Answer 2

最后它有效..我的CSS很少改变。我刚添加！important属性来覆盖默认元素（内联样式）..

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

现在我可以改变宽度和宽度组合按钮的高度。

删除ajaxtoolkit Combobox -button的内联样式

2 个答案: