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

Question

类似的东西：

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

rgba未使用，因为所有颜色都是十六进制格式。

Answer 1

您可以使用8-digit HEX code这样的颜色：

＆＃13;

＆＃13;

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

＆＃13;

<div>text</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

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

＆＃13;

＆＃13;

.button {
  background-color: #fff;
  color: #000;
}

.button > .text {
  opacity: 0.5;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;