c# - ASP :Button CSS :after Selector (or :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"... />在浏览器中。

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

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