如何在文本周围单击时获取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，您可以进行更改...

或者像我在评论中提到的编辑版本一样：

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