Question

所以我希望我网站上的所有按钮看起来都一样，我需要为它们编辑一个CSS文件。

我只是想知道如何访问名为-asp:button的所有控件的css样式。

IE中。 Button { Font-size: 10px; }或#Button { Font-size: 10px; }

到目前为止，这不起作用。

Answer 1

ASP.NET Button控件呈现为：

<input type="submit">

您需要为它们提供一个css类名，您可以在css文件中控制它。

在服务器端代码中：

myButton.CssClass = "myClass"

在ASPX标记中的OR：

<asp:Button CssClass="myClass" runat="server" ... />

CSS：

.myClass { width: 100px }

编辑看过你的评论：

要修改网站上需要使用Javascript的所有按钮，jQuery库在这方面非常有效。如果您使用的是jQuery，那么您可以在主页面上使用此脚本：

$(document).ready(function()
{
    // Select all "input" controls with the type of "submit" and add your class to them
    $(input[type="submit"]).addClass('myClass');
});

Answer 2

大多数较新的浏览器都支持属性选择器，因此您可以执行类似

的操作

input[type="submit"] {
  //styles here
}

尽管正如其他人所建议的那样，你可以通过申请课程获得更好的支持。

Answer 3

你可以在你的asp：按钮代码中包含CSS class给他们一个班级并控制他们的风格：

<asp:button CssClass="mybuttons" />

然后您可以使用此类来设置这些按钮的样式：

.mybuttons{
font-size:10px;
}

如果您有更多非ASP.NET生成的按钮，则此类仅适用于ASP.NET生成的按钮而不适用于其他按钮。

Answer 4

在.NET中，您需要为按钮提供CSS类。例如，如果将其称为“Button1”，则CSS声明将为：

.Button1 {
   ...
}

Answer 5

ASP按钮在HTML中呈现为类型=“提交”的INPUT ...您可以使用INPUT访问所有按钮，但当然还有其他INPUTS ...

input {
font-weight: bold;
font-size: larger;
background-color: Red;

}

访问Asp的Css：Button

5 个答案: