效果
学习
- Chrome: 支持
::selection。 - Firefox: 支持
:-moz-selection 和 ::selection。 - Safari: 支持
::selection。 - Internet Explorer: 支持
:-ms-selection。 - Microsoft Edge: 支持
::-ms-selection 和 ::selection。
代码
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>浏览器选中文字样式示例</title><style>/* W3C 推荐的标准选择器，用于设置选中文本的样式 优先级最高，通常会被这些浏览器优先应用*/::selection {background-color: #ff0000;color: #000;}/* Firefox 4-18 */:-moz-selection {color: #ff0000;}/* Internet Explorer 10-11 */:-ms-selection {color: #ff0000;}/* Microsoft Edge */::-ms-selection {background-color: #ff0000;color: #000;}</style>
</head><body><h1>标题</h1><h5>你好！！panda</h5>
</body></html>
