css中怎么设置选中之后颜色

在 CSS 中，我们可以使用 :hover 伪类来设置鼠标悬停在元素上时的颜色，但是当用户选中一个文本区域时，我们该如何设置选中之后的颜色呢？这就需要使用 :active 伪类了。
当用户点击鼠标并按住时，选择了某个文本区域时，该文本区域就会被设置为 :active 伪类。我们可以使用下面的 CSS 代码来设置选中状态下的颜色：
pre {
color: blue; /* 设置字体颜色为蓝色 */
}
pre:active {
color: red; /* 设置选中状态下的字体颜色为红色 */
}
其中，pre 选择器选择了所有的

 标签，然后通过设置 color 属性来定义字体颜色为蓝色。接着，使用 :active 伪类来设置选中状态下的字体颜色为红色。
这样，当用户选中文本区域时，该区域的字体颜色就会从蓝色变为红色，提醒用户该区域已被选中。
总结
在 CSS 中，我们可以使用 :active 伪类来设置选中状态下的样式。通过设置 color 属性，我们可以轻松地改变选中文本区域的字体颜色。
 标签使得我们能够在代码中展示样式代码，更加方便地展示 CSS 的运用。