-user-select

input复选框的美化

.checkbox-group{margin-bottom:30px;}.checkbox{cursor:pointer;user-select:none;}.checkboxinput{display
结城·2020-09-16 03:10

JS实现炫酷雪花飘落效果

js实现漂亮的雪花飘过效果：步骤：页面基本样式，雪花旋转动画效果body{width:100vw;height:100vh;background-color:#000;overflow:hidden;user-select
·2020-09-15 17:47

js实现鼠标点击飘爱心效果

本文实例为大家分享了js实现鼠标点击飘爱心的具体代码，供大家参考，具体内容如下鼠标点击特效html{cursor:pointer;}h3{text-align:center;user-select:none
·2020-09-15 17:46

vscode换背景

找到软件下面的这层目录body{height:100%;width:100%;margin:0;padding:0;overflow:hidden;font-size:11px;user-select:
ADZG-tuni·2020-09-15 11:13

浏览器文字取消选中效果noselect（…

khtml-user-select:none;firefox浏览器不可选中-moz-user-select:none;microsoftIE浏览器不可选中-ms-user-select:none;chrome浏览器不可选中user-select
兜兜里o全是糖·2020-09-14 23:44

CSS之user-select——设置标签中的文字是否可被复制

详细介绍请参考http://www.css88.com/book/css/properties/user-interface/user-select.htmCSS样式user-select：none|text
weixin_30346033·2020-09-14 20:57

这五个有用的 CSS 属性完全被我忽视了

01禁用用户选中一个元素（element）的文本使用属性user-select，并且将它的值设置为no
前端瓶子君·2020-09-14 09:15

移动端禁止缩放 三种方式禁止内容选中/复制

moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select
Amo℃柠檬·2020-09-12 23:30

scroll回弹效果(转载)

:100%;height:100%;border:1pxsolid#CCC;background-color:red;overflow:hidden;-webkit-user-select:none;user-select
Anles·2020-09-10 17:20

实验 视频播放器

margin:10pxauto;width:1000px;height:562px;display:flex;flex-direction:column-reverse;overflow:hidden;user-select
任由天高·2020-09-10 13:04

js实现防盗图

img{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select
daruanzai3165·2020-09-10 13:23

单选多选

selection0.png)2pxcenterno-repeat;background-size:14px14px;-moz-user-select:none;-khtml-user-select:none;user-select
weixin_30300523·2020-08-26 23:20

Html页面内容无法粘贴解决

出现的问题:页面内容无法粘贴,解决:*{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text
南拥夏梦·2020-08-25 08:15

JS禁止页面内容复制

webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select
ruixun8·2020-08-24 23:26

html中禁止文字被选中

html中禁止文字被选中user-select：none|text|all|element取值：none:文本不能被选择text:可以选择文本all:当所有内容作为一个整体时可以被选择。
Let dreams fly·2020-08-24 04:46

css禁止鼠标双击选中文字

-webkit-user-select:none;/*webkit浏览器*/-ms-user-select:none;/*IE10*/-khtml-user-select:none;/*早期浏览器*/user-select
weixin_30271335·2020-08-24 03:10

css取消双击选中文字

这个时候就用到了user-select:none;属性。因为存在着兼容性的问题，所以在写的时候就需要考虑一下了。
又起风了·2020-08-24 01:20

原生js实现表格拖动选项

Document*{margin:0;padding:0;}ul,li{list-style:none;cursor:pointer;}.specWrap{width:800px;margin:0auto;user-select
爱笑萌娃·2020-08-22 18:16

web 页面阻止用户F12篡改页面元素和数据

-webkit-user-select:none;/*webkit浏览器*/-ms-user-select:none;/*IE10*/-khtml-user-select:none;/*早期浏览器*/user-select
IT小智·2020-08-22 15:43

浏览器兼容性问题：IE9 user-select兼容

user-select有两个值：none：用户不能选择文本text：用户可以选择文本需要注意的是：user-select并不是一个W3C的CSS标准属性，浏览器支持的不完整，需要对每种浏览器进行调整body
ToSmile·2020-08-22 12:37

禁止用户选择的另一种思路（兼容 IE8）

user-select前端开发中常常会遇到一种需求，让某些元素的内容不能被选中，一般的做法会用user-select:none来做，由于user-select并不是标准的CSS属性，所以使用的时候要加上浏览器的前缀
ac黄·2020-08-22 10:10

js实现拖拽元素选择和删除

结果如下：代码如下：js置顶动画*{margin:0;padding:0;user-select:none;}.move-box{height:100px;width:100px;line-he
·2020-08-21 19:57

监听滚动条触底

p{user-select:none;background:seagreen;padding:20px;}p:first-child{background:salmon;}p:last-child{background
越来越好。·2020-08-21 15:50

CSS3常见技巧（一）：如何禁止文本选择高亮

根据CanIuse显示，目前user-select已经支持绝大多数浏览器了，不过如果想在IE9或者更早之前使用，还需要使用浏览器前缀。
犀牛前端部落·2020-08-21 15:15

js实现滑动进度条效果

本文实例为大家分享了js实现滑动进度条效果的具体代码，供大家参考，具体内容如下进度条：js滑动进度条效果*{margin:0;padding:0;user-select:none;}.progress-bar
·2020-08-21 15:32

user-select的详细用法

前言做网页的时候，有些文字我们需要能被选中，有些我们不要能被选中，那么这就需要用到一个css属性了，那就是user-select使用方法user-select:none|auto|text|contain
捷搜索·2020-08-19 02:59

css-reset样式重置

移动端:html,body{-webkit-user-select:none;/*禁止选中文本（如无文本选中需求，此为必选项）*/user-select:none;}a,img{-webkit-touch-callout
风清云淡_A·2020-08-18 11:15

一些实用而又记不住的css技巧

user-select禁止用户选中文本div{user-select:none;/*Standardsyntax*/}清除手机tap事件后element时候出现的一个高亮*{-webkit-tap-highlight-color
weixin_33984032·2020-08-17 18:20

css设置页面文字不能被选中

cannotselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select
芊芊寻·2020-08-17 17:40

H5禁用长按选取，原生拷贝功能

webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select
weixin_33895475·2020-08-17 03:51

JS实现滑动条拖拽

简单的滑动条拖拽效果，如果有什么错误，请多多指教*{margin:0;padding:0;user-select:none;//禁止用户选中}.box{width:500px;height:20px;box-shadow
豆仔的小幸运·2020-08-16 18:03

页面中，禁止html内容被选择

moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select
军人情结·2020-08-16 15:13

去除HTML双击背景和input框取消输入颜色

-webkit-user-select:none;/*webkit浏览器*/-ms-user-select:none;/*IE10*/-khtml-user-select:none;/*早期浏览器*/user-select
图图小淘气_real·2020-08-15 19:40

3D动画效果照片墙demo

-webkit-user-select:none;/*webkit浏览器*/-ms-user-select:none;/*IE10*/-khtml-user-select:none;/*早期浏览器*/user-select
dbfgefai009910·2020-08-15 17:00

移动端阻止默认长按选中文本和弹出菜单、点击阴影

{/*ios，如果不行可以加一个透明遮罩层*/-webkit-touch-callout:none;touch-callout:none;/*安卓*/-webkit-user-select:none;user-select
dican4652·2020-08-15 02:46

JS+css3实现幻灯片轮播图

webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select
·2020-08-15 00:47

自定义layer弹出框样式

截取部分样式如下：html#layui_layer_skinspttradestylecss{margin:0;padding:0;border:0;user-select:none;-moz-user-select
weixin_30396699·2020-08-14 20:14

【前端】css兼容性问题记录

div作为按钮时，添加user-select:none;按钮中文字不可被选择cursor:pointer;鼠标悬停指针变成手jQuery的on事件多次触发问题在on之前先用off()解绑阻止事件冒泡flex
pluto_x·2020-08-14 19:43

CSS3鼠标跟随特效

hsla颜色.HTML设置样式的列表✩★✡✹✧✦❆✶✸CSS设置跟随样式生成到消失的动画*{margin:0;padding:0;}body{background-color:rgb(2,10,34);user-select
你要逆天·2020-08-13 18:05

纯js实现的图片查看组件

HTML部分：图片组件css部分：body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select
永远在追求·2020-08-12 00:50

IOS系统中微信/浏览器 手机端输入框input无法输入

这就尴尬了，然后网上搜了一下，有人说可能是user-select导致的，我检查了一下自己的less,果然有相关的重置代码。那么为什么要加下面这句呢？
yangqii·2020-08-11 23:50

用JS实现购物车结算

代码就是这样，写多了就越写越简单了~效果图：代码：mariner_zpbody{user-select:none;}table{width:800px;margin:30pxauto0;border-collapse
mariner_zp·2020-08-10 08:01

iOS和Android的兼容 （一）

height:40/75rem;line-height:40/75rem;margin:30px0;//marginfont-size:25/75rem;2.user-selectiOS会导致光标消失，无法输入user-select
斯诺伐克·2020-08-09 05:06

微信浏览器禁止复制文本和图片

webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select
weixin_34288121·2020-08-09 00:48

原生js封装 拖拽方法

拖拽*{margin:0px;padding:0px;}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select
Xiao苏同学·2020-08-08 11:47

h5在ios端 input/textarea 输入不了

moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:auto;-ms-user-select:none;user-select
谁看到我的小饼干·2020-08-05 22:18

H5页面不可复制文字，ios端input按钮不能正常输入字符

moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select
shengmeshi·2020-08-05 21:29

CSS3干货8：防止用户复制网页中的文字以及更改选中的文字颜色

版权保护人人有责，为了防止用户复制粘贴文字，我们可以使用CSS中的user-select属性。不过，它不是一个W3C标准属性，需要写浏览器的前缀。
stones4zd·2020-08-05 03:10

js:不重复随机验证码(while循环版)

line-height:35px;text-align:center;border:1pxsolidpink;border-radius:5px;font-size:20px;cursor:pointer;user-select
weixin_34226706·2020-08-04 05:01

气球滑块（Balloon Slider）

HTMLCSS#slider{--active:#5628EE;--balloon:var(--active);--value:#fff;--line:#CDD9ED;touch-action:none;user-select
盈嘉小红砖(同公众号)·2020-08-01 06:13
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他