css input禁止光标进入focus

不知道啥原因，用了input做展示，禁止编辑，禁止点击之后出现光标，遂扒拉出pointer-events属性

<html><head><style>input {pointer-events: none}</style>
</head><body><div><input value="需要显示的内容" /></div>
</body></html>

加上pointer-events: none之后无法进行任何交互了，当然也不能添加事件（加了也没反应），纯粹展示，类似于disabled状态

css input禁止光标进入focus相关推荐

input禁止光标_利用css隐藏input的光标方法
如何在不影响操作的情况下,把input的光标隐藏了?在网上搜索了很多方式:用p模拟,设置readonly,设置disabled,设置自动blur等等方式,发现都不能满足需求,于是最后终于找到了一种完美 ...
input禁止光标_input 不可输入，且禁止光标显示的几种方案兼容iphone5(se)
设置只读标签readonly="readonly", 禁止光标显示unselectable="on" 但是这个Android机正常,ios,iphone 5(s ...
input禁止光标_表单中readonly的input等标签，禁止光标进入（focus）的几种方式
需求及问题描遇新是直朋能到述在做移动端页面,需要在订单页面中显示表单数据,由于UI统一,所以就依旧采用form的结构来写结构,只读数据的标签自然要加readonly="readonly&q ...
css input光标粗细,如何用CSS原生属性caret-color改变input输入框光标颜色
表单对大家来说并不陌生,当然,我也不是来和大家聊怎么做表单或者处理表单的样式网格,因为这些对于大家来说都是小儿科的东西.而是来聊聊怎么改变表单控件中光标的颜色.日常开发中我们可能会有改变input光标 ...
css 隐藏光标,利用css隐藏input的光标方法
如何在不影响操作的情况下,把input的光标隐藏了?在网上搜索了很多方式:用p模拟,设置readonly,设置disabled,设置自动blur等等方式,发现都不能满足需求,于是最后终于找到了一种完美 ...
CSS改变插入光标颜色
CSS改变插入光标颜色常用两种方法: 第一种:caret-color: red; input {color: #333;caret-color: red;} caret-color属性目前Chrome ...
CSS控制鼠标光标样式
Cursor Cursor是网页制作CSS中的光标类型,与图标文件Icon一样,是特殊类型的小位图. 实例 #disabled{cursor:auto; } 其他取值说明属性备注 auto 默认值 ...
input禁止键盘及中文输入
<input>禁止键盘及中文输入,但又不能用readonly 而且还需兼容ie 和 ff , 为了完成这功能费了蛮大功夫,呵呵,在此记录以便日后之用: Html代码 <!DOCT ...
微信小程序界面设计小程序中的WXSS(css)选择器课程-伪类-:focus 伪类
小程序中的WXSS(css)选择器课程-伪类-:focus 伪类微信小程序交流群:111733917 | 微信小程序从0基础到就业的课程:https://edu.csdn.net/topic/hua ...

css input禁止光标进入focus

css input禁止光标进入focus相关推荐

最新文章

热门文章