Javascript 按钮文本不在safari中显示,在chrome中显示

Javascript 按钮文本不在safari中显示,在chrome中显示,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,按钮的文本没有显示在Safari中,我可以在控制台中使用jquery返回文本。但它正在识别点击事件,例如 脸我无法写评论,为什么要在这里写建议, 尝试为按钮样式添加高度 这个答案基于这篇文章:问题在于线条-webkit文本填充颜色:透明 我正在使用Safari浏览器,可以看到按钮中的文本。 要获得更好的支持,请使用value属性为所有浏览器提供支持 脸是否仅在Safari中?您是否尝试向其添加z-index?从按钮标签中删除type=“button”。这不是必需的。更改#face btn

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



我无法写评论,为什么要在这里写建议, 尝试为按钮样式添加高度
这个答案基于这篇文章:

问题在于线条-webkit文本填充颜色:透明

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



是否仅在Safari中?您是否尝试向其添加
z-index
?从按钮标签中删除type=“button”。这不是必需的。更改#face btn{color:'#000000'}的css嗨,谢谢你的建议,两个都不起作用。只有在Safari。你有我可以去的链接吗?如果我可以打开开发工具并查看一下,我肯定可以帮助您。CSS Code.btn{-webkit背景剪辑:text;-webkit文本填充颜色:透明;背景图像:线性渐变(79deg,var(--greenblue),var(--macaroni and cheese));边框半径:60px;颜色:var(--white);显示:内联块;字体大小:12.8px;线条高度:32px;页边距底部:1rem;最小宽度:120px;填充:0 6px;位置:相对;文本对齐:中心;文本装饰:无}