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;
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,758评论 1 45
  • 1.1CSS 基础与选择器初识 | CSS 1. CSS 加载方式有几种? CSS样式加载一共有四种方式: 1、行...
    没糖_cristalle阅读 775评论 0 0
  • jQuery就是一个封装了很多原生代码的js库,其主要作用就是能够使得代码更加简洁,减少开发成本 配置 直接去复制...
    dawsonenjoy阅读 505评论 0 0
  • HTML标签 HTML代码注释 < !--注释文字 -->HTML是网页内容的载体。内容就是网页制作者放在页面上...
    llt00阅读 1,082评论 0 0
  • 常见试题 行内元素:会在水平方向排列,不能包含块级元素,设置width无效,height无效(可以设置line-h...
    他大舅啊阅读 2,498评论 1 5