链接的css边距可以在firefox中单击,而不是在webkit中

链接的css边距可以在firefox中单击,而不是在webkit中,css,firefox,webkit,margin,Css,Firefox,Webkit,Margin,我有两个按钮可以循环浏览某些内容,每个按钮的左边都有一个边距,在chrome和safari中这很好,但在firefox中,边距是可点击的,允许你点击一个按钮,不小心撞到另一个按钮的边距,朝着错误的方向循环。如果使用填充,也会发生同样的情况 我附上了一份关于这个问题的小册子更改: .proj-nav img {margin: 0 0 0 70px;} 致: 换句话说,将边距应用于链接,而不是链接内容。问题是firefox中的边距可点击,而不是ChromeEyes?我建议的更改修复了测试中FF/O

我有两个按钮可以循环浏览某些内容,每个按钮的左边都有一个边距,在chrome和safari中这很好,但在firefox中,边距是可点击的,允许你点击一个按钮,不小心撞到另一个按钮的边距,朝着错误的方向循环。如果使用填充,也会发生同样的情况

我附上了一份关于这个问题的小册子

更改:

.proj-nav img {margin: 0 0 0 70px;}
致:


换句话说,将
边距
应用于链接,而不是链接内容。

问题是firefox中的边距可点击,而不是ChromeEyes?我建议的更改修复了测试中FF/OSX中的问题。页边距不再是可点击的,因为它不再位于元素内部。解决方案很明显,但@sam可能想知道两种浏览器的页边距差异。或者为什么它可以在FF中单击而不能在Webkit中单击?@Dipaks我想这是可能的。这个问题实际上不是一个问题,只是陈述了一个观察到的行为!
.proj-nav a {margin: 0 0 0 70px;}