首先,大家需要创建CSS样式。大家可以使用“::selection”伪元素来选择选中的文字。在大多数现代浏览器中,“-moz-selection”和“-webkit-selection”也是可用的。
::selection { color: #FFF; /* 选中文本的颜色 */ background-color: #007bff; /* 选中文本的背景颜色 */ } ::-moz-selection { color: #FFF; background-color: #007bff; } ::-webkit-selection { color: #FFF; background-color: #007bff; }
在样式中,大家可以为选中的文本指定颜色和背景颜色。
此外,大家还可以使用“user-select”属性来控制文本是否可以选中。大家可以将其值设置为“none”来禁用选中文本。
p { -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+/Edge */ user-select: none; /* 它阻止了文本的选中(选择)。 */ }
总之,使用CSS可以轻松地修改选中文字的颜色。这将提高您的网页设计的质量。