![ASP.NET Menu控件点击区域太小解决方法 ASP.NET Menu控件点击区域太小解决方法](https://image.shishitao.com:8440/aHR0cHM6Ly9ia3FzaW1nLmlrYWZhbi5jb20vdXBsb2FkL2NoYXRncHQtcy5wbmc%2FIQ%3D%3D.png?!?w=700&webp=1)
ASP.NET自带的Menu控件点击区域比较小,基本就是文本范围和图片范围,在区域外虽然选择的项有颜色变化,但是这个时候点击是没有用的,体验不是很好
检查前台生成的HTML,是用td嵌套a标签,a标签嵌套img标签
想到的解决方法有两个,
一:添加字符(空格)使a标签扩大
二:改变a标签的样式,使标签扩大
由于显示的字符是<asp:MenuItem Text="新建"这种写法,文本后边的空格会自动去掉,
改用第二种方法进行尝试
a.Menu_Menu2_1{
display:block;
}
最后决定把a标签的display属性设置为block,这样可以自动填充td,如果有需求可以再添加高度设置。