Question

我有30个不同大小的按钮，我想通过CSS一次设置所有宽度。但我无法让它正常工作。

[在这里插入失败的CSS代码示例]

但它不起作用。例如，以下按钮不遵循上述规则：

[在此处插入说明问题的最小，完整的HTML示例]

Answer 1

如果您需要明确地执行此操作，您只需添加!important属性，但这可以保证无论位置或来源如何，都会覆盖width属性，因此请确保绝对想要应用那种风格。

button {
    width: XXXpx !important;
}

修改

要使上述样式仅适用于一个HTML页面，根据您的请求，您可以稍微更改该页面的HTML，为id标记提供<body>，然后定位按钮只有当它们出现在id以下时才会出现。

<body id="page_title">

#page_title button {
    width: XXXpx !important;
}

Answer 2

对于输入元素

INPUT[type="submit"] {
    width: XXXpx;
}

按钮

BUTTON {
    width: XXXpx;
}

Answer 3

您可以在css中创建按钮类

.button
{
    width: ____px;
}

然后在你的.aspx中添加cssClass="button"到你的ASP按钮（我假设它们是asp.net控件？）

Answer 4

假设你的按钮有一些共同点（即它们都有“按钮”的类名），你可以使用CSS选择器来设置它们的width属性。即。

.buttons {
    width:100px;
}

您可以使用许多不同的选择器来定位它们，请记住，通过在它们之间放置一个空格，您可以在每个html元素上拥有多个类名。即。 <div class='nav button'></div>将响应.nav和.button定义。