Question

我有一个带有图像和按钮的侧边栏面板。

<div class="glyphRow" id="gly_Job" runat="server">
  <span class="glyphicon glyphicon-comment glyphiconSideMenu"></span>
  <asp:Button ID="btnJob" runat="server" Text="Job" 
    CssClass="btn btn-primary" OnClick="btnJob_Click" />
</div>

我想将按钮尺寸设置为100％，以便可以在面板项上的任何位置单击，但为此，我必须将图像移到按钮内。我该怎么办？

Answer 1

类似的东西吗？

<div class="glyphRow" id="gly_Job" runat="server">
  <button ID="btnJob" runat="server" Text="Job" 
          CssClass="btn btn-primary" OnClick="btnJob_Click">
    <span class="glyphicon glyphicon-comment glyphiconSideMenu"></span>
  </button>
</div>

Answer 2

asp:button是不是标准HTML，它是一个ASP.net Webforms控件，用于呈现HTML。

如果您真的要继续使用asp:button，请使用以下JavaScript将点击事件添加到div

document.getElementById("gly_job").addEventListener(function(){
    //Find the button and click it
    this.querySelector(".btn.btn-primary").click();
});

要增加用户友好度，请添加以下CSS来表示整个div是可单击的

#gly_job {cursor: pointer;}

注意：代码未经测试，可能需要修复语法错误

如何在ASP中的按钮内添加span元素？

2 个答案: