按钮文字未在野生动物园中显示，在Chrome中显示

Question

按钮的文本未在Safari中显示，我可以在控制台中使用jquery返回该文本。但是它可以识别点击事件，例如

<div class="btn-group btn-group-lg">
<button onclick="change();" id="face-btn" type="button" class="btn btn-primary">Face</button>

Answer 1

我无法写评论为什么要在这里写建议， 尝试增加按钮样式的高度 该答案基于以下Articel：Button-not-displaying-well-in-Safari

Answer 2

问题在于-webkit-text-fill-color：透明;

Answer 3

我正在使用Safari浏览器，并且可以在按钮中看到文本。
为了获得更好的支持，请使用value属性为所有浏览器提供支持。

<div class="btn-group btn-group-lg">
<button onclick="change();" id="face-btn" type="button" value="Face" class="btn btn-primary">Face</button>

希望有帮助。