css怎么实现鼠标选中文字后改变背景色(2)-木庄网络博客

2022-03-22 09:36:18 PHP中文网 JavaScript 百度已收录

代码示例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <style type="text/css">
            p {
                border: 1px solid red;
            }
             
            .color::-moz-selection {
                background: #93c;
                color: #fcf;
            }
             
            .color::selection {
                background: #93c;
                color: #fcf;
            }
        </style>
    </head>
 
    <body>
        <p>默认文本。测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！</p>
        <p class="color">鼠标选中文字后改变背景色。测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！</p>
    </body>
 
</html>