选中文字背景设自定义

::selection 选择器匹配被用户选取的选取是部分。

只能向 ::selection 选择器应用少量 CSS 属性:colorbackgroundcursor 以及 outline
        .title::selection {
            color:#fff;
            background-color: #5CB85C ;
        }
        .title::-moz-selection {
            color:#fff;
            background-color: #5CB85C ;
        }
        .title::-webkit-selection {
            color:#fff;
            background-color: #5CB85C ;
        }
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>改版选择文字背景色</title>
    <style>
        .title::selection {
            color:#fff;
            background-color: #5CB85C ;
        }
        .title::-moz-selection {
            color:#fff;
            background-color: #5CB85C ;
        }
        .title::-webkit-selection {
            color:#fff;
            background-color: #5CB85C ;
        }
    </style>
</head>
<body>
    <p class="title">MDN是最好的学习工具之一</p>
    <p class="para1">算法刷题好去处 https://leetcode.com/</p>
    <p class="coding">
        .title::selection {
            color:#fff;
            background-color: #5CB85C ;
        }<br/>
        .title::-moz-selection {
            color:#fff;
            background-color: #5CB85C ;
        }<br/>
        .title::-webkit-selection {
            color:#fff;
            background-color: #5CB85C ;
        }<br/>
    </p>
</body>
</html>

这里写图片描述

猜你喜欢

转载自blog.csdn.net/longlc123/article/details/81201482
今日推荐