css文本选中蓝色剔除

CSS 中，如果你想控制文本被选中的时候不显示为蓝色（默认情况下，鼠标悬停或选择文本时，会应用系统默认的选中文本颜色，通常是蓝色），你可以使用 `-webkit-user-select` 或 `user-select` CSS 属性来禁用或改变文本选择的行为。

1. **禁用文本选择**:
如果你想要完全禁用文本选择，可以设置：

   -webkit-user-select: none;
   user-select: none;

对于一些现代浏览器，如 Chrome 和 Safari，可能还需要添加 `user-drag` 和 `touch-action` 属性，以保持其他交互行为：

   -webkit-user-drag: none;
   touch-action: none;

2. **自定义选中文本颜色**:
如果你想保持可选择性，但希望改变选中文本的颜色，可以设置选中的颜色：

   ::selection {
     background: #your-custom-color; /* 替换为你想要的颜色 */
     color: white; /* 如果背景是深色，可能需要白色文字以保证可读 */
   }

注意：`::selection` 伪元素仅在用户实际选择文本时生效，如果不需要这种行为，`-webkit-user-select` 或 `user-select` 更合适。

相关问题

css radio选中与未选中的样式

可以使用 CSS 的伪类选择器 `:checked` 和 `:not(:checked)` 来分别为选中和未选中的 radio 添加样式。例如：

/* 未选中的 radio 样式 */
input[type="radio"]:not(:checked) {
  border: 1px solid gray;
  background-color: white;
  color: black;
}

/* 选中的 radio 样式 */
input[type="radio"]:checked {
  border: 1px solid blue;
  background-color: lightblue;
  color: white;
}

这段代码会将未选中的 radio 的边框设为灰色，背景色设为白色，文字颜色设为黑色；将选中的 radio 的边框设为蓝色，背景色设为浅蓝色，文字颜色设为白色。你可以根据自己的需要来修改样式。

css radio选中的样式

可以使用 CSS 的伪类选择器 `:checked` 来为选中的 radio 添加样式。例如：

input[type="radio"]:checked {
  background-color: blue;
  color: white;
}

这段代码会将选中的 radio 的背景色设为蓝色，文字颜色设为白色。你可以根据自己的需要来修改样式。