html - 如何使无序列表中的整个链接可点击

标签 html css

我有一个无序列表的链接,我需要让整个列表项都可以点击。

<li><a href="blah">This</a></li>

https://jsfiddle.net/69wzksdq/1/

最佳答案

您遇到的问题是填充被应用于您的 li 元素。这是一个整个区域都可以点击的 fiddle (也简化了你的 border-bottom 规则):https://jsfiddle.net/eowznujs/

关于html - 如何使无序列表中的整个链接可点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44139522/

相关文章:

jQuery 将 css 添加到未排序列表中的少数列表项

html - 你如何让一个 child div 确定 parent 的高度并用滚动条强制第二个 child div 适应 parent 的高度

javascript - 在浏览器上存储一个 css 类

html - CSS - 边框在放大/缩小时重叠

c# - ASP.NET 网页 -> 显示静态信息的最佳方式

html - Li 元素甚至用显示 block 破坏内容

javascript - 从表内的文本框读取数据

html - 为什么将宽度样式放在 html 表格中的第一个 <td> 或第二个中是不同的/为什么这些表格呈现不同?

javascript - d3.select() 为 <ng-template> 中的 html 元素返回 null

html - 移动设备上的 Twitter Bootstrap 未显示为 "xs"大小