Как установить прозрачность только для цвета текста кнопки без rgba?

Question

Что -то вроде:

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

RGBA не используется, потому что все цвета в шестнадцатеричном формате.

Answer 1

Вы можете использовать 8-значный код цвета HEX следующим образом:

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>