Question

查询：

如何保持＆＃39;之后＆＃39;当我将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服务器控件。

Answer 2

我目前使用以下内容，现在完美但CSS和链接工作：

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

当按钮更改为ASP按钮时，将删除CSS after

2 个答案: