css 改变鼠标选中的内容样式 及 去除鼠标选中功能

css 如何改变鼠标选中后的样式显示,只需在css中加入以下一段伪类代码就OK了

::section {
   color: #fff;
   background-color: #F2FeDD;
}

css 如何去除鼠标选中的功能呢,在body里加一段如下代码就行了

body {
    -moz-user-select: none;     /* 火狐 */
    -webkit-user-select: none;  /* webkit浏览器 */
    -o-user-select: none;       /* Opera浏览器 */
    -ms-user-select: none;      /* IE10 */
    -khtml-user-select: none;   /* 早期浏览器 */
    -webkit-touch-callout: none;
    user-select: none;
}

你可能感兴趣的:(css 改变鼠标选中的内容样式 及 去除鼠标选中功能)