如何将 css 样式设置为 asp.net 按钮？
Posted
技术标签:
【中文标题】如何将 css 样式设置为 asp.net 按钮？【英文标题】：How to set css style to asp.net button? 【发布时间】：2012-08-24 01:05:21 【问题描述】：我有一个 asp:Button，我在 asp:Button 中使用了带有 cssClass 属性的 css 样式，但是这些样式不起作用。当我使用asp:LinkButton 时，这些样式运行良好。我不想要样式的任何主题或皮肤。
这是我的asp页面：
<asp:Button CssClass="smallButton" Text="Sign In" runat="server" ID="submit"></asp:Button>
这是我的 CSS：
.smallButton
//styles
当我将 asp:Button 更改为 asp:LinkButton
<asp:LinkButton Text="Sign In" runat="server" ID="submit" CssClass="smallButton"></asp:LinkButton>
或
<span class="smallButton"><asp:LinkButton Text="Sign In" runat="server" ID="submit"></asp:LinkButton></span>
样式运行良好。唯一的问题是 asp:Button 控件
【问题讨论】：
请给我们看代码。你指望我们怎么猜你做错了什么？ 能否提供asp.net按钮生成的html。 @Sujanth 如果答案对你有帮助，你应该接受它。谢谢。 感谢大家，我找到了解决方案，并在代码下方添加... 这是旧的，但如果有人遇到这个，在我的情况下，类中的部分 css 不适用于按钮，所以它忽略它忽略它。这为我解决了。 【参考方案1】：您可以将class 分配给您的ASP.NET 按钮，然后对其应用所需的样式。
<asp:Button class="mybtn" Text="Button" runat="server"></asp:Button>
CSS：
.mybtn
border:1px solid Red;
//some more styles
【讨论】：
我使用的是相同的方式，但这不适用于 asp:Button 控件，但这适用于 asp:LinkButton 和 Image Button 控件 @Sujanth 也许你可以尝试从浏览器清除缓存再试一次。代码似乎没问题。 小心这个。 ASP.Net 将覆盖 CSS 字段。例如，如果您将按钮设置为禁用，则 css 类将被“禁用”覆盖。使用提供的设置器 CssClass，以便 ASP.Net 在设置 css 类时进行协调。【参考方案2】：我找到了编码...
input[type="submit"]
//css coding
input[type="submit"]:Hover
//css coding
这是我的问题的解决方案..... 谢谢大家的宝贵答案.......
【讨论】：
【参考方案3】：您可以使用CssClass 属性并将值作为css 类名传递
<asp:Button CssClass="button" Text="Submit" runat="server"></asp:Button>`
.button
//write more styles
【讨论】：
这是asp预期的方式【参考方案4】：没有人愿意去使用一个类的混乱，试试这个：
<asp:button Style="margin:0px" runat="server" />
Intellisense 不会建议它，但它会在不引发错误、警告或消息的情况下完成工作。别忘了 Style 中的大写 S
【讨论】：
投反对票。祝你好运进行维护/大修。有了一个类，你至少会有一个改变点。span> 【参考方案5】：如果您在 asp.net 设计页面中有一个按钮，例如“Default.asp”，并且您想要创建 CSS 文件并为按钮、标签或其他控制器指定属性。然后首先创建一个css页面
-
右键单击项目
添加新项目
选择样式表
现在你有了一个 css 页面，现在在你的 css 页面中编写这些代码（StyleSheet.css）
样式表.css
.mybtnstyle
border:1px solid Red;
background-color:Red;
border-style:groove;
border-top:5px;
outline-style:dotted;
默认.asp
<head>
<title> testing.com </title>
</head>
<body>
<b>Using Razer<b/>
<form id="form1" runat="server">
<link id="Link1" rel="stylesheet" runat="server" media="screen" href="Stylesheet1.css" />
<asp:Button ID="mybtn" class="mybtn" runat="server" Width="339px"/>
</form>
</body>
</html>
【讨论】：
【参考方案6】：您可以在您的 css 文件中设置输入元素的样式。那是独立于 ASP.NET 的。
<form action="">
Name: <input type="text" class="input" />
Password: <input type="password" class="input" />
<input type="submit" value="Submit" class="button" />
</form>
CSS
.input
border: 1px solid #006;
background: #ffc;
.button
border: 1px solid #006;
background: #9cf;
使用CssClass，您可以将"input" 类分配给它。
【讨论】：
但是你没有使用服务器控件，我们不确定这是否是用户想要的。 这基本上是这里其他人的建议。 这里的每个人都在他们的示例中使用了服务器控件。不是吹毛求疵，但 asp.net 使用服务器控件是有原因的。当然，您可以在这些控件中添加一个 runat 标记，然后瞧。【参考方案7】：您提到的答案将应用于所有按钮。你应该试试这个：
input[type="submit"].someclass
//somestyle
并确保将其添加到按钮中：
CssClass="someclass"
【讨论】：
【参考方案8】：<asp:LinkButton ID="mybutton" Text="Link Button" runat="server"></asp:LinkButton>
带有悬停效果：
#mybutton
background-color: #000;
color: #fff;
font-size: 20px;
width: 150px;
font-weight: bold;
#mybutton:hover
background-color: #fff;
color: #000;
http://www.parallelcodes.com/asp-net-button-css/
【讨论】：
【参考方案9】： <asp:Button CssClass="button" style="color:black" Text="Submit" runat="server"></asp:Button>`
【讨论】：
CssClass 和 style 属性都已由其他答案解决。以上是关于如何将 css 样式设置为 asp.net 按钮？的主要内容，如果未能解决你的问题，请参考以下文章
如何将 html 按钮设置为 ASP.Net 表单的默认按钮？