效果
学习
- 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>
