当按钮更改为 ASP 按钮后，CSS 被删除

Question

查询:

当我将 html 按钮更改为 ASP 按钮时，如何保持代码的“后”部分正常工作。我不确定它为什么会下降？

问题:

当我改变 <button至 <asp:button CSS 的后面部分不再有效。失败的代码部分是 #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 按钮)

Answer 1

问题是 asp .net 按钮使用 type="submit" 呈现和输入。

您可以按如下方式呈现它(请注意，如果没有您的标记，我只是在猜测):

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

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