为什么我的按钮在firefox中看起来与chrome / safari不同？

Question

我的按钮在Firefox中看起来很正常，但在chrome（和safari）中看起来很瘦。

任何建议都会很棒。

Answer 1

他们是不同的浏览器，这意味着他们使用一组不同的“小部件”，这包括按钮等等，这与操作系统相同。希望这有助于：）

Answer 2

HTML / CSS仅告诉浏览器它需要在页面上的某个位置显示什么。浏览器可以在正确的位置显示适当的图形。图形的含义取决于默认小部件的特定浏览器实现。

如果您需要它来查看相同的跨浏览器和跨操作系统，那么您需要考虑使用css / images来创建自定义按钮等，这实际上覆盖了默认的浏览器实现。

您可以设置height css属性以确保两个按钮的高度相同，并设置适当的width。请注意字体大小，但按钮的大小不会太小，以至于按钮上的文字不再可见。