ASP:Button CSS :after Selector (or :before)答案

【问题标题】：ASP:Button CSS :after Selector (or :before)ASP:Button CSS :after Selector (or :before)
【发布时间】：2013-07-20 03:23:53
【问题描述】：

有人知道如何让它工作吗？当我只测试 HTML 和 CSS 时，这很奇怪——它运行良好，但是当我试图将它添加到 ASP 时： .button - 效果很好，但是 .button:after (or.button:before) - 根本不工作...

 <asp:Button ID="Button1" type="submit" runat="server" CssClass="login-button" Text="Login"></asp:Button>

.login-button:after {
  position: absolute;
  top: 15px;
  left: 12px;
  width: 25px;
  height: 19px;
  background: url("../img/bg.png") 0 0 no-repeat;
}

【问题讨论】：

也请粘贴您的代码。很容易深入研究问题
刚刚添加。如果这很难，也许只是给我一个提示从哪里开始
您不需要粘贴整个代码，只需粘贴相关并具体说明您遇到问题的位置
例如，当我像这样使用它时：效果很好，但是当我像我写的那样使用它时开始什么都没有发生

标签： c# html asp.net css

【解决方案1】：

<asp:Button> 在浏览器中呈现为<input type="button"... />。

将runat="server" 与name="btnSubmit" 和id="btnSubmit" 添加到<button> 标记或创建您自己的自定义asp.net 控件：

<button type="submit" runat="server" name="btnSubmit" id="btnSubmit" class="login-button">Login</button>

【讨论】：

【解决方案2】：

使用

<button type="submit" runat="server" name="btnSubmit" id="btnSubmit" class="login-button">
        Login</button>

而不是

<asp:Button ID="Button1" runat="server" CssClass="login-button" Text="Login"/>

这是在我的应用程序中为我工作的

【讨论】：

我也遇到了同样的问题。但是当我在命令单击事件中使用时，我无法将 asp 按钮更改为普通的 html 按钮。谁能建议我为此提供替代解决方案。提前致谢