下面是CSS中设置文本选中颜色的简单示例:
/* 设置文本选中颜色为红色 */ ::selection { color: red; } /* 设置文本选中背景色为浅灰色 */ ::-moz-selection { background-color: lightgray; } /* 设置文本选中背景色为浅灰色 */ ::selection { background-color: lightgray; }
上面的代码中,设置文本选中颜色的伪类选择器有两种:::selection和::-moz-selection。其中::selection是指在所有浏览器中都适用的伪类选择器,而::-moz-selection则是只在Firefox浏览器中适用的伪类选择器。
需要注意的是,::selection和::-moz-selection只能应用于文本(例如段落、标题、链接等),而不能应用于其他HTML元素(例如按钮、表格等)。
总之,通过CSS中的伪类选择器,可以轻松地为网页的文本选择器指定选中颜色,让用户在选中页面上的文本时,有更好的视觉体验。