按钮可点击区域增加,伪元素(:: after)在Firefox中不起作用,但在Chrome中

时间:2016-02-10 16:30:01

标签: css google-chrome firefox button

我正在开发一个混合应用项目,其中包含一个圆形点击按钮实现。为此,我通过调整height widthborder-radius属性创建了一个圆圈,并在其中放置了一个按钮。但是,我注意到按钮放在靠近圆形顶部的位置,因此我决定按照this扩展其可点击区域。我只调整了bottom属性,因为我正在寻找。它在Chrome(版本48.0.2564.103(64位))上完美运行,但在Firefox(版本Firefox ESR 38.6.0)上没有。在检查元素时(在两个浏览器上),我可以看到::after标记覆盖了整个圆形区域,但在Firefox的圆形底部区域附近无法点击。任何解释行为的想法都将受到赞赏。谢谢!

0 个答案:

没有答案