美文网首页
::selection自定义文本选中样式

::selection自定义文本选中样式

作者: 两年半练习程序员 | 来源:发表于2020-07-01 10:50 被阅读0次

::selection选择器匹配元素中被用户选中或处于高亮状态的部分。
::selection只可以应用于少数的CSS属性:color, background, cursor,和outline。

效果

选中文字背景色变红

代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    ::selection {
        background: red;
    }

    ::-moz-selection {
        background: red;
    }

    ::-webkit-selection {
        background: red;
    }

    .box-shadow {}
</style>

<body>
    <div class="box-shadow">asfsadasdasdasd</div>
</body>

</html>

相关文章

网友评论

      本文标题:::selection自定义文本选中样式

      本文链接:https://www.haomeiwen.com/subject/ljlcqktx.html