如何在没有 rgba 的情况下仅对按钮文本颜色设置不透明度

Question

类似：

    background-color: #000;
    color: #fff;
    color-opacity: 0.5;

RGBA 未使用，因为所有颜色均为十六进制格式。

Answer 1

您可以使用 8 位十六进制代码颜色，如下所示：

div {
  background-color: #000;
  color: #ffffff80;
}

<div>text</div>

Answer 2

您可以使用额外的 HTML 元素。

.button {
  background-color: #fff;
  color: #000;
}
.button > .text {
  opacity: 0.5;
}

<button class="button">
  <span class="text">
    Click me.
  </span>
</button>