-user-select

web前端 ios性能问题

1.禁止用户拖拽标签-webkit-user-drag:none;2.禁止用户选择标签user-select:none;//-webkit-touch-callout:none;///*系统默认菜单被禁用
zhenryx·2024-09-09 12:17

HTML页面屏蔽长按选中功能

webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select
天蓝_d82b·2024-02-12 05:52

HTML小游戏

PATHTOGLORY*{margin:0;width:100%;height:100%;position:relative;touch-action:none;user-select:none}body
不会写代码的小彭·2024-02-05 17:44

【CSS系列】常用容易忽略的css

通过设置user-select的值，可以决定用户是否可以选择元素中的文本，以及如何选择文本。auto：默认值。浏览器可以选择文本。none：用户不能选择文本。text：用户可以选择文本。
SuperYiY·2024-02-02 13:35

图片放大缩小时，图片上会出现蓝色蒙版解决方案

在放大时，图片上出现了蓝色蒙版，如下图：2.解决方案：body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select
xiahuaxuanlan1113·2024-01-28 21:01

React 移动端开发样式问题记录

React移动端开发样式问题记录1、input输入框无法聚焦输入文字将样式中的user-select:none;更改为user-select:text!
WindyZ_34ec·2024-01-27 08:30

输入框禁止复制粘贴

一、禁止复制如果是密码输入框，是自带禁止复制功能的如果是其他输入框，可以禁止文本被选中禁止文本被选中，可以使用css样式user-select:none;-webkit-user-select:none
爱吃猪蹄_·2024-01-24 23:12

图片轮播大全

font-family:"Sen";}*{box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;cursor:none;user-select
正在修炼的IT大佬·2024-01-22 07:21

主要修改弹窗窗口的样式

html+css+js弹窗窗口*{/*所有的标签都有的属性遵循的统一样式*/padding:0;margin:0;/*文字禁止选中*/user-select:none;/*盒子模型*/box-sizing
与妖为邻·2024-01-17 11:18

绝绝美登录界面！滑动切换效果!图片背景.html

滑动切换效果*{/*禁止文本选中*/user-select:none;margin:0;padding:0;box-sizing:border-box;}html,body{height:100%;}body
与妖为邻·2024-01-17 11:18

电锯切割狂

开始游戏https://www.ormcc.com/play/gameStart/238htmlcsscanvas{display:block;touch-action:none;user-select
程序小院·2024-01-13 08:16

雪花代码-html版

background-color:#000000;}.snowflake{position:absolute;font-size:10px;color:#FFFFFF;text-shadow:1px1px1px#000000;user-select
Coisini_甜柚か·2024-01-12 11:53

vue3中如何让页面不能被全选

只需要在最外层div中加入user-select:none;样式即可.container{width:100%;height:100vh;user-select:none;}
zhige@·2024-01-11 02:29

【css技巧】css设置文字不能被选中

ChatGPT4.0国内站点：海鲸AI在CSS中，如果你想让文本内容不能被用户选中，可以使用user-select属性。这个属性可以控制用户是否能够选择文本。
海鲸AI·2024-01-09 23:06

css常用笔记

关闭选中竖条–cursor:pointer;user-select:text;user-select:none;
脚大江山稳·2024-01-07 07:23

自定义checkbox 样式

checkbox-container{display:inline-block;position:relative;padding-left:35px;cursor:pointer;font-size:22px;user-select
泛酸桂花酒·2024-01-03 11:53

射击大战H5

开始游戏https://www.ormcc.com/play/gameStart/227html  csscanvas{display:block;touch-action:none;user-select
程序小院·2023-12-29 12:53

放风筝H5小游戏

开始游戏html  csscanvas{  display: block;   touch-action: none;   user-select: none;   -webkit-tap-highlight-color
程序小院·2023-12-29 12:22

移动端禁用长按选择功能

webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select
风来自很远的北方·2023-12-17 20:56

vue + element 实现鼠标左右滑动效果

我用了element中的走马灯＋overflow-x:auto;html（复制后格式化一下）{{item}}.scroll{width:100%;user-select:none;overflow-x:
百事可乐☆·2023-12-15 11:32

两个div间创建连线

padding:0;}body{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select
weixin_43179300·2023-12-05 02:04

uni微信小程序，富文本以及普通文本，长按选中，可用于复制，粘贴等场景

需求微信小程序富文本需要可以选中复制粘粘功能，普通文本也需要思路参考rich-text的属性selectable官方文档的描述为用于富文本是否可以长按选中，可用于复制，粘贴等场景普通文本参考text组件的user-select
T3165919332·2023-12-01 17:21

解决拖动div时文字选中问题

在可拖动的div上加如下css样式:user-select:none;就可以了注意:是可以拖动的div哦
烫头喝酒抽烟·2023-11-30 18:03

html页面双击选中文字,css怎么设置双击不选中文字？

css禁止双击页面选中文本可以使用user-select属性。
Tengfei Jiang·2023-11-30 18:33

React应用篇：实现文本不可复制

使用样式文本不可选中user-select:none;/*不可复制*/-webkit-user-select:none;/*Safari*/-ms-user-select:none;/*IE10+andEdge
HaanLen·2023-11-30 18:33

html设置不可选中,CSS&JS指定元素不可被选中方法

一、CSS3的解决方法：user-select:body{-webkit-user-select:none;/*Chrome/Safari*/-moz-user-select:none;/*Firefox
炎火鱼·2023-11-30 18:02

禁止页面元素选中

一.CSS之user-select属性建议使用body{/*兼容Safari*/-webkit-user-select:none;/*兼容IE10+和Edge*/-ms-user-select:none
fengyehongWorld·2023-11-30 18:00

vue中设置div里面的内容无法选中（双击div不会被选中）

div.isSelectedcontent下面是具体的css样式.isSelected{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select
satuo@·2023-11-30 18:29

前端：实现div元素选中与不可选中

默认情况下，div元素是可以选中的，但如果需要设置为不可被选中，可以设置为，如下：div{user-select:none;}如果希望在某些情况下允许选择，可以在需要的地方覆盖这个样式。
雯0609~·2023-11-30 18:58

webpack如何处理浏览器的样式兼容问题postcss

一、准备工作css/index.css添加样式.word{color:red;user-select:none;}为了兼容不同的浏览器我们需要添加前缀比如：-webkit-user-select:none
QAEARQ·2023-11-29 14:31

HTML5+CSS3+JS课程设计3D旋转照片墙背景音乐

完整代码：3D旋转照片墙/*去掉默认效果*/*{margin:0;padding:0;}body{background:#222;overflow:hidden;/*取消选中*/user-select:
扎心小指针0·2023-11-28 11:36

微信小程序text和rich-text组件使用

text代码示例user-select属性课可长按选择文本复制长按复制手机号18500000000效果展示rich-text代码示例富文本格式富文本的作用：比如可以在一个文本中包含不同的颜色、不同的字号
R·ZORO·2023-11-27 02:33

微信小程序基础讲解，云服务介绍，分包及使用方法

包含import导入web-view导入html页面2，容器组件属性含义view视图区域swiper，swiper-item、幻灯片、轮播图scroll-view滚动视图3.基础容器1.text介绍：user-select
kong@react·2023-11-27 02:32

html 手机端点击样式消除,细节css消除移动端默认样式

webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select
weixin_39677538·2023-11-22 11:27

logic-flow 使用过程中遇到的bug - 拖动节点到画布的时候，鼠标松开，节点不落在画布，仍旧跟着鼠标走

但是拖动第二个节点的时候，节点面板出现重影一样的效果，如图）此时选中的节点会一直跟随鼠标移动，不落在画布上，需要单击鼠标左键才可以落下，落下后，控制台会报错如下解决办法：给盒子里的icon和文字都加上user-select
siwangdexie_new·2023-11-22 10:08

微信小程序 系统复制粘贴文本

在项目开发，经常会碰到一些文字复制需求，如要复制订单号，文案等1、长按复制要想实现长按复制功能，需要在text标签中设置user-select属性复制订单号2、按钮复制是将固定的内容复制到粘贴板中wx.setClipboardData
SkyCloud5+2·2023-11-16 17:15

uniapp app 实现长按文字实现复制

注意：模拟器上没效果，我直接打了包安装就有效果了效果图：全局在app.vue-webkit-user-select:text;user-select:text;单个text标签文本复制text|uni-app
周zerlinda·2023-11-15 13:06

伐木猪小游戏

开始游戏https://www.ormcc.com/play/gameStart/199htmlcss*{ padding: 0; margin: 0; border: none; user-select
ormcc·2023-11-13 14:17

根据原生js、html实现的treeview组件

webkit-user-select:none;/*Safari3.1+*/-moz-user-select:none;/*Firefox2+*/-ms-user-select:none;/*IE10+*/user-select
小沙盒·2023-11-12 23:02

每日小记-移动端禁止长按弹出菜单及选中文字

[每日小记-移动端禁止长按弹出菜单及选中文字]禁用长按选择文字功能body{user-select:none;-webkit-touch-callout:none;/*iOSSafari*/-webkit-user-select
kangaroo_v·2023-11-03 22:16

小程序day01

.sitemap.json文件5.页面的.json配置文件6.新建小程序页面7.修改项目首页小程序代码构成小程序的宿主环境环境包含内容组件新版本里面要把最后面的.item去掉才能显示颜色现在已经变成了user-select
北岭山脚鼠鼠·2023-11-02 12:43

js选中文本后点击指定区域不影响选中状态

panl-box{user-select:none!important;}
思创拓博·2023-10-31 05:06

关于vite配置postcss未生效问题

在项目根目录下新建文件postcss.config.js，并写入以下代码在配置文件时，小编把plugins根据提示，首字母大写了，导致配置不生效，如下图：后来改正确以后，就显示正常了，大家注意避坑第三步：在底部添加user-select
不是码神·2023-10-28 09:14

移动端和pc端，禁止页面被复制和选中

webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select
问相逢何必曾相识·2023-10-17 20:34

公共样式（scss）

important;user-select:text!important;}html,body,#app{height:100%;font-size:14px;/*
也有1點儿想你·2023-10-14 07:27

2020-06-30 蛋糕切换效果

Document*{padding:0;margin:0;}.container{width:500px;border:1pxsolidred;user-select:none;}.title{display
最近好嘛·2023-10-13 22:31

css设置文字不能被选中

.select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
吴小冷·2023-10-05 11:51

文件和base64互转

base64Base64toFileConverterhtml,body{background-color:#f7fafc;font-family:Arial;-webkit-user-select:none;-moz-user-select:none;user-select
michael_0x·2023-10-03 06:05

pc端页面等比例缩放到手机

min-width：1200pxbody{min-width:1200px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select
叶自南来·2023-09-24 16:17

推荐5个好用但却经常被忽略的css属性(禁止选中文本、更改选中文本的背景色、不用br换行、字体间距、隐藏滚动条)

01禁用用户选中一个元素（element）的文本使用属性user-select，并且将它的值设置为none，我们可以将一个元素的文本设置为不能被用户选中。
白茶_别事·2023-09-20 12:06
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他