ASP.NET Menu控件点击区域太小解决方法

时间:2023-03-09 19:44:52
ASP.NET Menu控件点击区域太小解决方法

ASP.NET自带的Menu控件点击区域比较小,基本就是文本范围和图片范围,在区域外虽然选择的项有颜色变化,但是这个时候点击是没有用的,体验不是很好

ASP.NET Menu控件点击区域太小解决方法

检查前台生成的HTML,是用td嵌套a标签,a标签嵌套img标签

ASP.NET Menu控件点击区域太小解决方法

想到的解决方法有两个,

一:添加字符(空格)使a标签扩大

二:改变a标签的样式,使标签扩大

由于显示的字符是<asp:MenuItem Text="新建"这种写法,文本后边的空格会自动去掉,

改用第二种方法进行尝试

a.Menu_Menu2_1{
display:block;
}

  最后决定把a标签的display属性设置为block,这样可以自动填充td,如果有需求可以再添加高度设置。