链接样式未在 Safari 上显示

Posted

技术标签:

【中文标题】链接样式未在 Safari 上显示【英文标题】:Link style not showing on Safari 【发布时间】:2022-01-15 17:49:09 【问题描述】:

我有一个“按钮”,基本上是一个链接。它以我想要的方式正确设置并在 Chrome 中显示如下:Screenshot

但在 Safari 中,它只显示文本,没有其他内容。

我用过的代码:

.button-see-more 
  border: none;
  border-radius: 5px;
  background-color: #e4e4e4;
  font-size: 0.8em;
  padding: 0px 18px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(1, 0, 1, 0.13) 0s;


.button-see-more:hover 
  transition: 0.2s;
  background-color: #000000;
  color: #FFFFFF;
 <a href="/project-inadequat.html" class="button-see-more"><p>See More</p></a>

我很确定我搞砸了,如果知道是什么,我会很感激。

【问题讨论】:

【参考方案1】:

我已经开始使用您提供的代码来制作this test/preview site

它似乎没有问题,正如this answer 所说;这可能只是一个缓存问题。清除浏览器缓存并重新打开 Safari,然后再次查看该网站。

(目前我正在使用 Safari,样式链接显示正常)

【讨论】:

以上是关于链接样式未在 Safari 上显示的主要内容,如果未能解决你的问题,请参考以下文章

HTML5 视频标签未在 Iphone Safari 上显示。就像视频没有加载一样

带有内部图像的 Svg 未在 Safari 中显示

具有位置的元素:相对于 SVG 剪辑路径未在 Safari 中显示

React-Intl:消息未在 Safari 中格式化

具有 CSS 变量和 @keyframes 的 CSS 动画未在 Safari 上更新

Firefox 和 Safari 上的下拉箭头样式错误