时间戳

首页 > 解决方案 > 无法在 Safari 中设置“全部：未设置”按钮的文本颜色

html - 无法在 Safari 中设置“全部：未设置”按钮的文本颜色

问题描述

all: unset在 macOS 10.15 上的 Safari 13.1 中使用时，我无法设置此按钮的文本颜色。它似乎在 Chrome 80 和 Firefox 74 上运行良好。

button {
  all: unset;
  color: white;
  background-color: darkblue;
}
<button>button</button>

期望：“按钮”一词应以深蓝色背景上的白色显示。

实际：在 Safari（仅？！）中，“按钮”一词在深蓝色背景上显示为黑色，难以辨认。

这里出了什么问题？这是我的错吗？有解决方法吗？

标签： htmlcsssafari

解决方案

有趣的。将all: unset所有值重置为其继承的值。

如果你想要一个解决方法，你需要做的就是将它包装在一个带有白色文本的元素中。下面的代码片段并不理想，但它应该可以在 Safari 中使用。

button {
  all: unset;
  background-color: darkblue;
}

.button-wrapper {
  color: white;
}
<div class="button-wrapper">
  <button>button</button>
</div>

推荐阅读