CSS 基础学习-175 ::selection 伪元素匹配用户选择的元素部分

hrs 提交于 2022/02/20 - 20:33 , 周日

::selection 伪元素匹配用户选择的元素部分

实例代码:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
  <style>
    ::-moz-selection{
    color:red;
    background-color:yellow;
    }

    ::selection{
    color:red;
    background-color:yellow;
    }

  </style>
  </head>
  <body>
    <h1>请选择本页中的文本</h1>
    <p>这是一个段落。</p>
  <div>这是div元素中的文本。</div>
    <p><b>注释:</b>firefox支持可供替代的::-moz-selection属性。</p>
  </body>
</html>

运行效果:

css-175.png

标签