我有一个带有图像和按钮的侧边栏面板。
<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%,以便可以在面板项上的任何位置单击,但为此,我必须将图像移到按钮内。我该怎么办?
答案 0 :(得分: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>
答案 1 :(得分:0)
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;}
注意:代码未经测试,可能需要修复语法错误