我的按钮在 Firefox 中看起来很正常,但在 chrome(和 safari)中看起来很薄。
任何建议都会很棒。
好吧,它们是不同的浏览器,这意味着它们使用不同的“小部件”集,包括按钮等等,操作系统也是如此。希望这有帮助:)
HTML/CSS 只告诉浏览器它需要在页面的某个位置显示什么。由浏览器在正确的位置显示适当的图形。该图形是什么样的取决于默认小部件的特定浏览器实现。
如果您需要它看起来相同的跨浏览器和跨操作系统,那么您需要考虑使用 css/images 来创建自定义按钮等,这基本上会覆盖默认浏览器实现。
您可以设置一个height
css 属性以确保两个按钮的高度相同,并设置一个适当的width
。请注意字体大小,尽管按钮的大小最终不会太小以至于您的文本在按钮上不再可见。