CSS 文本转换大写忽略自定义选择样式

【问题标题】：CSS text-transform uppercase ignores custom selection stylesCSS 文本转换大写忽略自定义选择样式
【发布时间】：2022-06-11 01:03:27
【问题描述】：

我有一个想要设置样式的元素，我想在first-letter 上设置样式，但是当我这样做并选择文本时，文本选择的颜色会发生变化，我该如何解决？

div::first-letter {
color: red;
text-transform: uppercase;
}

::-moz-selection {
  background-color: rgb(21 174 159 / 0.6) !important;
}

::selection {
  background-color: rgb(21 174 159 / 0.6) !important;
}

<div>some text</div>

【问题讨论】：

• @Ram 不是“废墟”，它只是忽略选择样式并将其更改为浏览器的默认值

标签： html css