如何使这个Asp.net按钮与此<button>？</button>具有相同的CSS

Question

我是Asp.net webforms的新手，还在学习CSS。我正在建立一个使用我买的html模板的网站。

我的问题是模板使用了标签，但我需要使用Asp.net按钮控件。我尝试将css类放在我的按钮控件的CSSClass属性中，但是它没有正确显示。

您可以在此处查看示例：[自页面删除后删除的链接]

绿色＆＃34;发送密码＆＃34;按钮是我想要的另一个＆＃34;发送密码＆＃34;按钮（即.net控件）的样式相同。

我环顾四周，只找到与覆盖标签呈现方式相关的答案，我现在不想做。是否有一种简单的方法可以让它看起来与CSS一样？

感谢您的帮助！

Answer 1

在btn btn-default btn-clean标记声明中从btn btn-success btn-clean更改为asp:Button。在CssClass或css属性中。

Answer 2

绿色样式由.btn-success类应用：

.btn.btn-success.btn-clean {
    border-color: #59AD2F;
    background: transparent;
    color: #59AD2F;
}

但是你的ASP.NET按钮正在使用.btn-default类。将其设置为.btn-success（可能在CssClass=""属性中）

Answer 3

最简单的方法是将购买的模板中的css复制并粘贴到WebForms应用程序的Site.css文件中。

例如，复制（来自@ LcSalazar的回答）......

.btn.btn-success.btn-clean {
    border-color: #59AD2F;
    background: transparent;
    color: #59AD2F;
}

...进入Site.css。 btn btn-success btn-clean应该在按钮属性CssClass下拉列表中显示为选项。

不是最干净的方式来实现您想要的，但绝对是最快的，同时仍然使用属性视图。如果您对创建更整洁的解决方案感兴趣，可以找到更多信息here，从“创建和使用样式表”开始。

Answer 4

您可以在其他按钮（白色）中设置与绿色按钮相同的班级.btn btn-success btn-clean：

<input type="submit" name="btnSendPasswordNew" value="Send Password" id="btnSendPasswordNew" class="btn btn-success btn-clean">