user-select

动态背景颜色渐变HTML

SSOSN*{background:#000;margin:0;padding:0;overflow:hidden;-moz-user-select:none;-khtml-user-select:none;user-select
一名落魄的程序员·2023-09-19 18:24

html禁止用户复制内容方法

要禁止复制内容，可以使用以下几种方法：使用CSS属性：可以通过设置user-select属性为none，这样用户就无法选中和复制内容。
PHP隔壁老王邻居·2023-09-10 12:50

Css 禁止选中文字

可以通过在CSS中设置user-select属性来实现禁止选中文字，例如：body{-webkit-user-select:none;/*Chrome/Safari/Opera*/-moz-user-select
超级大超越·2023-09-09 05:34

前端小技巧

可是打死也不让你复制-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;user-select
未卜先·2023-09-01 17:38

css自学框架之消息弹框

这部分主要是定义样式，也就是我们看到的外表，主要代码：/*-弹窗*/notice{top:0;left:0;right:0;z-index:10;padding:1em;position:fixed;user-select
相信神话2021·2023-08-30 16:41

前端：横向滚动条，拖动进行左右滚动（含隐藏滚动条）

效果代码横向滚动条，选择隐藏滚动条ul{list-style-type:none;display:flex;border:1pxsolidred;width:200px;padding:0px;margin:5%;user-select
雯0609~·2023-08-29 18:10

Dino 404

/进行压缩404NOTFOUNDhtml,body{padding:0;margin:0;width:100%;height:100%;}.icon{-webkit-user-select:none;user-select
木子欢儿·2023-08-28 13:12

移动端禁止长按复制

/系统默认菜单被禁用/-webkit-user-select:none;/webkit浏览器/-moz-user-select:none;/火狐/-ms-user-select:none;/IE10/user-select
不靠谱的作曲家·2023-08-26 04:18

js 实现 复制 功能

注册*{-webkit-touch-callout:all;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select
星星~笑笑·2023-08-20 08:00

css鼠标样式 cursor: pointer

cursor:none;cursor:not-allowed;禁止选择user-select:none;pointer-events:none;禁止触发事件,该样式会阻止默认事件的发生，但鼠标样式会变成箭头
Uaenali·2023-08-16 22:28

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

问题原因项目中global.less文件中定义了user-select：#root{...user-select:none;}然后紧接着又定义了:#rootinput{user-select:auto;
先树立一个小目标·2023-08-15 11:18

【vue.js】手把手教你做一个会躲避鼠标指针的登录按钮

废话不多说，3、2、1，上代码~代码登录测试body{background-color:rgb(132,141,156);user-select:none;}#form{width:300px;perspective
饺子大魔王的男人·2023-08-15 09:42

JQ/CSS禁止浏览器复制粘贴、右键、F12

-webkit-user-select:none;/*webkit浏览器*/-ms-user-select:none;/*IE10*/-khtml-user-select:none;/*早期浏览器*/user-select
下页、再停留·2023-08-14 02:16

微信小程序实现图片多点裁剪

话不多说，直接上代码1、页面布局上传图片生成图片2、页面样式page{padding:0;-webkit-user-select:none;user-select:none;width:100%;height
古口古·2023-08-13 08:57

CSS禁止选中文本

-webkit-user-select:none;/*webkit浏览器*/-ms-user-select:none;/*IE10*/-khtml-user-select:none;/*早期浏览器*/user-select
Hi小胡·2023-08-12 14:40

css3中特性：user-select 禁止用户选择

在现在开发的项目中，有一些设计到技术问题的，不想被用户选中复制，原先需要监听右键等进行判断，现在发现css3中有user-select特性，一行代码就能解决问题。
迷路小白兔·2023-08-12 05:54

Vue+ElementUI顶部radio选项卡自设计样式

动机：ElementUI自带的radio单选框样式不太喜欢Element自带radio选项卡样式想要的效果（自行设计实现）：HTML代码SCSS代码.topTab{user-select:none;//
西木鹿亚·2023-08-03 10:01

23年6月工作笔记整理（前端）

目录一、css相关二、vue相关三、js相关一、css相关1.不让选中文字的css设置，一般用于频繁点击的地方user-select:none2.css基础-特殊选择器p:first-of-type是所有特定类型
wj_秦桑低绿枝·2023-08-01 16:47

HTML+CSS前端 简易用户登录界面

*{user-select:none;}body{background:url(./background.jpg)no-repeat;background-size:
一只名叫Me的猫·2023-08-01 08:24

用html加css画个新拟态键盘

display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;}.keyboard{user-select
背着行囊去远方·2023-07-26 21:07

【实战】 八、用户选择器与项目编辑功能(上) —— React17+React Hook+TS4 最佳实践，仿 Jira 企业级项目（十四）

其实很简单-用CSS-in-JS添加样式六、用户体验优化-加载中和错误状态处理七、Hook，路由，与URL状态管理八、用户选择器与项目编辑功能1.实现id-select.tsx解决id类型难题2.抽象user-select
程序边界·2023-07-26 19:35

iphone下设置user-select:none导致input输入框无法输入

经过一顿排查，发现是有代码设置了user-select:none导致的。user-select属性的作用是决定是否允许文字被选中。结果把input的输入给影响了。
般犀·2023-07-22 11:39

css 禁止多次点击导致的选中了目标div的文字

的文字或者禁止多次点击，导致，html结构被选中显示出来.targetDiv{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select
一嘴一个橘子·2023-07-19 01:22

微信小程序学习文档总结

一.基础用法div=viewspan=text(只有当text中的user-select属性为true时才可选中)buttonimagea=navigator()就是a标签双向绑定{{message}}
陈小玲玲·2023-06-15 17:59

鼠标横向拖动滚动条 - 简单实现

margin:300pxauto0;border:1pxsolidsalmon;overflow:auto;font-size:0;white-space:nowrap;cursor:pointer;user-select
_____西班木有蛀牙·2023-06-13 16:40

css之user-select 解决双击选中文案高亮问题

1：user-select属性规定是否能选取元素的文本。在web浏览器中，如果您在文本上双击，文本会被选取或高亮显示。此属性用于阻止这种行为。
终极菜鸟_424b·2023-06-12 22:34

只有拐角的css样式

如图下图html代码预警次数TOP6指标分布css代码.corner-box{float:left;cursor:pointer;user-select:none;width:190px;height:
·2023-06-12 15:34

深入理解CSS字符转义行为

比如常见的按钮:，我们往往写出这样的样式.btn{display:inline-flex;cursor:pointer;user-select:none;/*..moredecl..*/}然而我们有时候也会见到这样的元素
·2023-06-12 11:44

解决小程序ios部分机型无法长按复制问题

1、可复制的内容必须用text标签，然后添加selectable='true’和user-select=‘true’2、必须父元素加个-webkit-user-select:text;才有效，单独子元素即使加
瘦瘦瘦大人·2023-06-12 07:08

素雅的登录界面，简单而优雅

先上效果图：再上代码：Title*,*::after,*::before{margin:0;padding:0;box-sizing:border-box;user-select:none;}/*Generic
timi先生·2023-06-07 01:52

vue实现页面内容禁止选中功能,仅输入框和文本域可选

webkit浏览器*/-khtml-user-select:none;/*早期浏览器*/-moz-user-select:none;/*火狐*/-ms-user-select:none;/*IE10*/user-select
懿小诺·2023-04-07 09:47

鼠标拖拽、双击出现蓝色背景的去掉方法

-webkit-user-select:none;/*webkit浏览器*/-ms-user-select:none;/*IE10*/-khtml-user-select:none;/*早期浏览器*/user-select
丁小孟·2023-04-06 11:02

原生JS 侧边/左右拖拽 demo

100%;overflow:hidden;}.box{height:100%;width:200px;float:right;position:relative;background:lightblue;user-select
意面秋刀鱼·2023-03-30 03:32

css3实现3D多边形

/video/（之前一直在用covertio现在好像收费了）简述下代码部分吧：（画多棱柱体就不说了，主要讲一下让它支持手势运动）1.因为在pc端在鼠标按下滑动会产生选中元素的行为，所以在父级元素设置了user-select
shaoyf·2023-03-26 05:41

js 歌词滚动

html歌词滚动*{margin:0;padding:0;user-select:none;}html{height:100%;}body{color:#009ad6;text-align:center
小样还想跑·2023-03-25 15:09

【html+js+css】实现可拖动竖直(纵向)进度条

可直接点击或拖动1.例图2.代码竖直滑动条*{margin:0;padding:0;background-color:#818181;/*防止选中*/-webkit-user-select:none;user-select
东啊東·2023-03-25 14:55

网页出现禁止复制黏贴的内容如何破解

我们查询网页的时候，想复制网页上的部分内容，结果出现请先登陆或者是连提示也没有，有的复制加了个小尾巴，如何操作，且听早早道来主要破解思路是:禁用js+取消user-select样式（css）Chrome
雨过天晴sky·2023-03-23 06:09

css3 线性渐变文字光影

css3线性渐变文字光影Title*{margin:0;padding:0;}body{background-color:#000;}div{user-select:none;width:610px;border
562843cce5ff·2023-03-22 11:40

禁止元素被选中

可兼容所有浏览器）{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select
淡淡紫色·2023-03-10 14:08

js 实现div拖拽拉伸完整示例

HTMLCSS*{margin:0;padding:0;}.container{height:100vh;background:#000;overflow:hidden;user-select:none
·2023-03-08 21:56

css+js 设置网页内容不可复制或可复制

设置网页内容不可复制css仅设置样式，使元素及其子元素的文本不可选：user-select:none;js设置元素的onmousedown和onselectstart返回false,使不能按下鼠标和内容不可选
·2023-02-21 09:13

移动端div点击有阴影效果

div,a,img{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select
D1ngy·2023-02-18 21:42

js 长按

webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select
吃冬瓜的小学生·2023-02-06 23:00

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

这就尴尬了，然后网上搜了一下，有人说可能是user-select导致的，我检查了一下自己的less,果然有相关的重置代码。那么为什么要加下面这句呢？
棒打耗子v5·2023-02-01 08:19

用contenteditable="true"属性把div模拟为input、textarea

1.可输入状态contenteditable="true"属性可以把div变为可输入状态2.手机可输入只有contenteditable="true"的话在手机上应该是不能输入的，给div加上样式属性user-select
吼不平·2023-01-30 09:43

user-select：none真的能禁止文本的复制粘贴吗？

由于设置了css属性user-select:none，此时鼠标无法实现选中文本，也就无法复制文本，通常会采用这种方式来禁止复制文本。打开开发者工具-审查元素，取消此样式，就可以选中文本了。
前端开发小司机·2023-01-30 08:49

使用user-select复制粘贴功能，ios手机无法输入和删除

bug描述：使用user-select做复制粘贴功能，在ios手机上无法正常输入和删除，出现光标失踪等现象解决问题关键在于明确可复制粘贴区域以#talkCon为例，由于复制内容可能带有标签和样式，因此需要同时设置元素下子节点
秋秋秋web·2023-01-27 03:17

17渲染

showLoading("加载电子书",true);div{-moz-user-select:none;-webkit-user-select:none;user-select:none;}html{font-size
蟹逍鹤舞·2023-01-26 08:23

前端例程20221227：下雪动画

代码下雪动画*{padding:0;margin:0;user-select:none;box-sizing:border-box;}html,body{height:100vh;width:100vw
Naisu Xu·2022-12-28 12:03

纯css写开关

height:19px;position:relative;background-clip:content-box;display:inline-block;-webkit-appearance:none;user-select
小汤猿·2022-11-27 00:14
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他