<button>在chrome中工作但在Firefox中没有 - 为什么？

Question

我的html页面上有几个按钮,如下所示:

<button type="button" class="read-more"><a href="#">Read More</a></button>

他们在chrome和Safari中都很敏感 - 他们的工作非常好.但是,当我在mozzilla Firefox中测试它们时,它们根本没有响应.有谁知道这个问题是什么？

我尝试这样做:

<a href="#"> <button type="button" class="read-more">Read more</button></a>

这链接按钮,但它没有显示可点击的光标,也没有拾取一些CSS(例如下划线和字体颜色)

Answer 1

您的HTML无效.使用验证器.按钮不能包含锚点,锚点不能包含按钮.不同的浏览器以不同的方式从该错误中恢复.

• 如果要在某处链接,请使用锚点.
• 如果您想提交表单,或者控件除了运行某些JavaScript之外什么都不做,请使用按钮.

然后应用CSS使其看起来像你想要的方式.