当单击文本周围时，如何让 asp.net 超链接控件导航到 URL？

Question

我的页面上有两个用户选项，一个是执行编辑功能的按钮，另一个是导航到另一个页面的超链接。两者的样式看起来相同，但因为删除选项是一个超链接控件，它仅在您单击文本时才有效，而不是像按钮那样单击周围的框。

.aspx文件如下：

<asp:Button ID="EditButton" runat="server" CommandName="Edit" Text="Edit"/>                  
<div class ="deletebutton">
<asp:HyperLink ID="HyperLinkDeleteRecord" runat="server" NavigateUrl='<%#"DeleteArticle.aspx?passarticleid=" + Eval("ArticleID") %>'>Delete</asp:HyperLink>
</div>

CSS 是：

.deletebutton, input[type="submit"] 
{
align-items: flex-start;
text-align: center;
cursor: default;
color:#BD193A;
padding: 2px 6px 3px;
border: 2px outset buttonface;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
background-color: buttonface;
box-sizing: border-box;
-webkit-appearance: push-button;
-webkit-user-select: none;
white-space: pre;
width: 200px;
font: 11px/1.75em Verdana, Tahoma, arial, sans-serif;
float: left;
margin:5px;
}

Answer 1

只需从超链接中删除DIV 并将deletebutton 类设置为超链接

<asp:Button ID="EditButton" runat="server" CommandName="Edit" Text="Edit" />
<asp:HyperLink ID="HyperLinkDeleteRecord" CssClass="deletebutton" runat="server" NavigateUrl='<%#"DeleteArticle.aspx?passarticleid=" + Eval("ArticleID") %>'>Delete</asp:HyperLink>

Answer 2

在这种情况下，我认为您可以在 DIV 元素之外使用超链接，例如：

    <asp:HyperLink ID="HyperLinkDeleteRecord" runat="server" NavigateUrl='<%#"DeleteArticle.aspx?passarticleid=" + Eval("ArticleID") %>'>
        <div class="deletebutton">
            Delete
        </div>
    </asp:HyperLink>

根据您的 CSS，您可以进行更改...

或者喜欢我在 cmets 中提到的编辑版本：

    <asp:HyperLink ID="HyperLinkDeleteRecord" CssClass="deletebutton" runat="server" NavigateUrl='<%#"DeleteArticle.aspx?passarticleid=" + Eval("ArticleID") %>'>
            Delete
    </asp:HyperLink>