对于不少网站,我使用了
CSS3 Bon Bon buttons,允许按钮显示3D效果.我经常将它们用于我的< a>< / a>链接.

一切正常,除非显示：应用了内联块,它似乎并不总是正确点击.有时(但并非总是),您可能必须在注册之前单击按钮3或4次.其他时候,完全相同的按钮会立即点击.它似乎发生在所有浏览器和平台上.

为什么会这样,有解决方案吗？如果我将它设置为显示块,它可以很好地工作,但有些情况下display：block不理想.

JSFiddle(Code)(Live Example)

最佳答案 我认为使用display：block;可能正在填充按钮内的额外不可点击的空间,所以当你切换到显示：inline-block;内联元素忽略了填充额外的空间.

考虑到用于渲染按钮的CSS,您的示例非常密集且很难弄清楚发生了什么.不要以为你可以提供一个简化的版本,以便更容易看到发生了什么？