当按钮更改为 ASP 按钮时，CSS after 被丢弃答案

【问题标题】：CSS after is dropped when button changes to ASP Button当按钮更改为 ASP 按钮时，CSS after 被丢弃
【发布时间】：2015-08-21 18:57:36
【问题描述】：

查询：

当我将 html 按钮更改为 ASP 按钮时，如何保持代码的“之后”部分正常工作。不知道为什么会掉？

问题：

当我将 <button 更改为 <asp:button 时，CSS 的 after 部分不再起作用。失败的部分代码是#course .bottom .btn-next:after

代码：

#course .bottom .next {
    padding-right: 40px;
}
#course .bottom .btn-next {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#course .bottom .btn-next:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #ffffff;
    border-width: 20px;
    margin-top: -20px;
}

研究实例：

Is it possible to have a :after pseudo element on a button?（与 html 而非 .NET 按钮相关）

【问题讨论】：

这里的问题到底是什么？
已编辑：当我将 html 按钮更改为 ASP 按钮时，如何保持代码的“之后”部分正常工作。不知道为什么会掉？
一个可能的解决方案是：但我更愿意保留一个按钮

标签： css asp.net

【解决方案1】：

问题在于 ASP .net 按钮使用type="submit" 呈现和输入。

你可以如下渲染它（请注意没有你的标记，我在猜测）：

<button runat="server" id="btnId" class="btn btn-next">
    Dooz it
</button>

这会将其呈现为按钮标记，但请注意 runat="server"，这使其成为 HTML 服务器控件。

【讨论】：

看起来不错，它如何在 .NET 中执行某些操作？即单击转到受保护的子 btnNext_Click(sender As Object, e As EventArgs) Handles btnNext。单击代码的 .vb 部分。（是时候提出一个新问题了？）
@indofraiser 您可以将OnServerClick= 与您的方法名称一起使用，即OnServerClick=btn_Click。

【解决方案2】：

我目前使用了以下，现在很完美，但 CSS 和链接有效：

<a href="#" class="btn btn-next">
<asp:Button ID="btnNext" runat="server" CssClass="btn btn-next" Text="Next" /></a>

【讨论】：