CSS: select with placeholder gray, options and selected values black

css-select-options-colors.html

<style>
  select {
    color: #747474;

    &:has(option:checked:not(:disabled)) {
      color: #2c2c2c;
    }
  }

  option {
    color: #2c2c2c;
  }
</style>

<select>
  <option value="" disabled selected>PLACEHOLDER</option>
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>