-user-select

css互动--禁用选择 + 弹出菜单 + 同级变淡

禁用选择+弹出菜单+同级变淡/*禁用选择*/.nocheck{user-select:none;}/*弹出菜单*/.box{position:relative;width:50px;height:50px
怪兽别跑biubiubi·2020-07-29 15:41

2048小游戏（原生js基础代码篇）

HTML:2048小游戏SCORE:GAMEOVERSCORE:TYPEAGAINCSS:*{font-family:arial;/*user-select:none;*/font-weight:bold
@星城·2020-07-29 11:31

JS实现2048小游戏

SCORE:0TRYAGAINCSS样式部分*{margin:0;padding:0;user-select:none;font-family:Arial;}.header{font-size:50px
不难呐·2020-07-29 11:21

使用CSS里的user-select属性控制用户在页面上选中的内容

CSS里的user-select属性用来禁止用户用鼠标在页面上选中文字、图片等，也就是，让页面内容不可选。
斷弦泉月·2020-07-29 10:50

web前端 打地鼠小游戏

html,body{height:100%;}body{margin:0;overflow:hidden;background-image:url(image/bg.jpg);/*用户不能选择内容*/user-select
大手子·2020-07-29 09:21

备忘录

255,255,255,0.75);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select
wintershan·2020-07-29 07:53

细节css消除移动端默认样式

webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select
喯啵儿灞·2020-07-28 15:54

移动端&PC端CSS样式兼容代码

CSS样式兼容代码1.禁止选中复制文本*{user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:
awba4090·2020-07-27 19:45

js实现留言板的功能

*{margin:0;padding:0;user-select:none;}.box{width:800px;height:500px;background:gray;margin:50pxauto;
豆仔的小幸运·2020-07-27 15:48

javascript原生技巧篇

全选用户复制粘贴文本div{-webkit-user-select:all;/*forSafari*/user-select:all;}可以加上tabindex=0来包含文本的元素可聚焦,css可以知道何时点击该元素
房东家的猫·2020-07-16 18:00

user-select的使用

之前在我编写音乐官网的时候，涉及到关于歌曲名称复制的问题，这个时候可能不让复制更符合常理，因此我们可以用到user-select来进行设置。
zlq_csdn·2020-07-15 12:59

原生js简单抽奖页面

抽奖器*{margin:0px;padding:0px;user-select:none;}#show{width:480px;height:320px;background:rgb(255,127,39
xxTheodore·2020-07-15 10:46

js实现简单计算器

Document.container{width:500px;margin:30pxauto;border:1pxsolid;user-select:none;}.containernav{height
渴望 Long For·2020-07-15 08:33

user-select介绍

user-select介绍为什么要使用user-selectuser-select的属性值注意为什么要使用user-select在样式开发中，有可被选中，和不可被用户选中的元素。
耿彬·2020-07-15 08:41

css3中user-select的用法详解

css3中user-select的用法详解user-select属性是css3新增的属性，用于设置用户是否能够选中文本。
weixin_34318326·2020-07-15 05:49

实现EXT3中的grid单元格选中

2019独角兽企业重金招聘Python工程师标准>>>支持高版本chrome浏览器：1、定义样式.x-selectable,.x-selectable*{user-select:text!
weixin_33724059·2020-07-15 04:22

CSS3新属性之user-select控制文本是否选中

如下图（点击网页其他地方search搜索出现选中状态）2、通过user-select解决:语法:user-select:none|text|all|element取值:none:文本不能被选择text:
Topepy·2020-07-15 01:44

css设置不允许复制文本内容

方法也很简单，通过设置CSS的user-select就可以达到目的：-moz-user-select:none;/*Firefox私有属性*/-webkit-user-select:none;/*WebKit
卢噜噜噜噜·2020-07-14 18:18

user-select的详细用法

前言做网页的时候，有些文字我们需要能被选中，有些我们不要能被选中，那么这就需要用到一个css属性了，那就是user-select使用方法user-select:none|auto|text|contain
半夏遮流年シ·2020-07-14 03:31

简单二级菜单实现

fixed,relative,absolute的差别使用值得注意的内容11111与11111在显示上存在着差异，是之前一直没有注意过的效果图二级菜单*{margin:0;padding:0;}body{user-select
伪伪的喵喵·2020-07-11 16:06

CSS禁止复制页面

webkit浏览器*/-khtml-user-select:none;/*早期浏览器*/-moz-user-select:none;/*火狐*/-ms-user-select:none;/*IE10*/user-select
web佳·2020-07-09 21:03

订阅切换按钮（subscribe toggle button）

alrightWatchonYouTubeCSS*{user-select:none;-webkit-tap-highlight-color:transparent;}body{height:100vh
盈嘉小红砖(同公众号)·2020-07-08 23:21

VSCode 自定义任意全透明背景及风格样式

效果源码需要注意第五个body{注意备份直接修改工作台css源码body{height:100%;width:100%;margin:0;padding:0;overflow:hidden;font-size:11px;user-select
就是爱吃肉ro·2020-07-08 22:13

H5移动端ios/Android兼容性总结

或者00不然写运动效果时容易出现跳禁止复制、选中文本.el{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;user-select
枫叶时代·2020-07-08 02:09

解决微信h5页面视频播放的部分大坑

myvideohtml,body{padding:0;margin:0;width:100%;height:100%;-webkit-user-select:none;user-select:none;
milli236·2020-07-06 17:17

js实现可调节左右栏

来实时操作一下~构建页面首先将页面画出来html部分js调节宽度css部分body{margin:0;padding:0;user-select:non
PerfumerKarma·2020-07-05 08:00

网页中的文字不允许被复制

这里为大家提供两种禁止选择网页文字的办法user-select，需要注意的是：user-select并不是一个W3C的CSS标准属性，浏览器支持的不完整，需要对每种浏览器进行适配，CSS代码如下：body
赵羽珩·2020-07-05 04:00

user-select的用法

前几天在网页制作中，发现有些地方的文字双击就会被选中，特别丑，一点也不美观，并且有些部分的需求就是文字不可以被选中或复制，在这种情况下，我们就可以用到user-select了。
mm19931027·2020-07-02 12:39

socketIo+canvas实现互动画板

HTML代码CSS代码*{margin:0;padding:0;user-select:none;}body{overflow:hidden}#drawing-board{background:white
小前端龚健·2020-07-02 01:03

JS实现炫酷雪花飘落效果

js实现漂亮的雪花飘过效果：步骤：页面基本样式，雪花旋转动画效果body{width:100vw;height:100vh;background-color:#000;overflow:hidden;user-select
前端小小白zyw·2020-07-01 14:50

css如何设置不可复制？

css可以使用user-select属性来设置不可复制，此属性可以设置或检索是否允许用户选中文本，将此属性的属性值设置为none可以使文本不可选中。
高先生的猫·2020-06-30 11:37

EXT3中的表格选中复制问题

(1)定义样式.x-selectable,.x-selectable*{user-select:text!important;-o-user-select:text!
wirror800·2020-06-29 19:20

CSS操作之你不得不知的一些小技巧（一）

目录单行/多行文本，超出隐藏并显示省略号垂直水平居中使用:hover选择器的content属性user-select设置不能选中文本:not()选择器换行文本使用box-decoration-breakcss3pointer-events
zoyoy·2020-06-29 00:48

拖动效果，防止选中文字兼容代码

-webkit-user-select:none;/*webkit浏览器*/-ms-user-select:none;/*IE10*/-khtml-user-select:none;/*早期浏览器*/user-select
weixin_30270561·2020-06-27 15:28

Html网页中禁止文字选中(css/javascript)

解决方案我们可以通过设置user-select属性来实现禁止文字选中的功能，user-select有2个值，none表示不能选中文本，text表示可以选择文本；由于user-select不是一个W3C的标准
hehondou·2020-06-26 20:08

clipboard.js实现复制功能 文字 +图片

clipboard.js下载地址：https://github.com/zenorocha/clipboard.js//禁止选中如果没有复制成功，可以查看一下css中有没有这段代码html,body{user-select
拾钱运·2020-06-26 17:13

原生JS实现移动端弹幕（虎牙，斗鱼简易版）

从输入框获取输入信息生成弹幕节点弹幕从屏幕一侧逐帧移动到另一侧移动完毕，删除弹幕节点-首先是界面布局的实现CSS*{padding:0;margin:0;}html,body{height:100%;user-select
Jarry96·2020-06-25 19:54

使用Flex 弹性布局来实现手机端顶部，底部固定，中间滑动效果

padding:0;margin:0;}html{font-size:14px;width:100%;height:100%;-webkit-font-smoothing:antialiased;}body{user-select
@yittu·2020-06-24 21:47

前端——》vue中自定义switch开关样式美化修改

，取名switch0"style="width:100%;height:100%;position:absolute;padding:05px;line-height:20px;color:#FFF;user-select
Mr_xujiee·2020-06-24 17:42

可视化例子(4)——人口迁移轨迹(样式更好看lines3D)

body*{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select
爱睡懒觉的老舅·2020-06-22 02:19

Vue项目中使用input,在IOS上点击输入框不聚焦

且没法输入百度了一下,还以为是ios版本不支持,添加了自动聚焦属性后并没有作用(之后发现其实跟自动聚焦没有关系),继续搜索,有一个情况跟我很符合,说是为了防止在ios上长按(图片或文字)出现选中效果,在全局引入了user-select
weixin_45115895·2020-05-18 15:55

自己手写一套按钮

预览效果：1、定义所有button的默认样式.btn{user-select:none;padding:010px;border-radius:4px;border:1pxsolidtransparent
han-y·2020-05-11 20:14

CSS 禁止选中文本

webkit浏览器*/-ms-user-select:none;/*IE10*/-khtml-user-select:none;/*早期浏览器*/-webkit-touch-callout:none;user-select
chlai·2020-04-11 16:00

CSS 禁止选中文本

webkit浏览器*/-ms-user-select:none;/*IE10*/-khtml-user-select:none;/*早期浏览器*/-webkit-touch-callout:none;user-select
chlai·2020-04-11 16:00

使用css和jquery实现网页内容禁止选中和复制

-webkit-user-select:none;/*webkit浏览器*/-ms-user-select:none;/*IE10*/-khtml-user-select:none;/*早期浏览器*/user-select
else05·2020-04-10 18:19

CSS user-select:,::selection,content:

html剩余话费40currentColoruser-select:none禁止选择文本all::selectioncss*[data-danwei]:after{content:attr(data-danwei);color:#3b98e0;}.box{width:200px;height:200px;color:#3b98e0;border:1pxsolidcurrentColor;/*其实不
顡er·2020-03-28 04:29

css3中user-select的用法详解

user-select属性是css3新增的属性，用于设置用户是否能够选中文本。可用于除替换元素外的所有元素，以下是user-select的主要用法和注意事项的说明，更多信息可参考如下css3文档说明。
轮回韩·2020-03-22 11:09

HTML一些有趣的东西

标签里：;页面内容不可被选中（不可扩选复制）body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select
梧水风清·2020-03-21 10:06

HTML一些有趣的东西

标签里：;页面内容不可被选中（不可扩选复制）body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select
梧水风清·2020-03-21 10:58

ionic-v1中文字不能长按复制的简单解决办法

important;user-select:text!important;}对需要实现长按复制的元素加上data-tap-disabl
ETXIN·2020-03-19 09:16
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他