::selection { background-color: #e6e6e6; color: #333; }
上述代码设置选中文字的背景色为#e6e6e6,字体颜色为#333,当然也可以根据需求自行调整。
需要注意的是,::selection只能用于设置文本内容选中后的颜色,无法对input或textarea的选中文字进行设置。
同时,为了保证浏览器兼容性,建议同时添加moz和webkit的前缀:
::-moz-selection { background-color: #e6e6e6; color: #333; } ::selection { background-color: #e6e6e6; color: #333; } ::-webkit-selection { background-color: #e6e6e6; color: #333; }
通过这样的设置,可以为网页添加更加美观的文字选中效果,提升用户体验。