ASP:Button CSS :after Selector (或:before)

Question

有谁知道如何使它工作？ 当我只测试 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;
}

Answer 1

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

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

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

Answer 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"/>

这在我的应用程序中对我有用