Question

有谁知道如何让它发挥作用？当我只测试HTML＆amp;时，这是奇怪的原因。 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>

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

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

ASP：按钮CSS：在选择器之后（或：之前）

2 个答案: