代码之家 › 专栏 › 技术社区 › Little Helper

在Safari中,多行按钮看起来很奇怪

safari button html

Little Helper · 技术社区 · 5 年前

我有一些带有单行文字的按钮,让我们调用它们 short . 我还有其他多行文字的按钮,让我们调用它们 long .

在Chrome中,所有的按钮看起来都一样。但在狩猎中, 长的 看起来和 短的 . 长的 看起来有人在按。当我按下 短的 ,按钮将变为蓝色。当我按下 长的 ,按钮将变为深灰色。

我该怎么做 长的 像 短的 ?

下面是一个如何重现问题的小例子:

<html>
<body>
  <button>Single-line button</button>
  <button>Multi-line<br/>button</button>
  <button>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</button>
</body>
</html>

下面是问题的图片: