文档章节

CSS 有哪些暖心却鲜为人知的属性?

兔先森的小沫儿
 兔先森的小沫儿
发布于 2016/01/28 10:06
字数 413
阅读 3
收藏 0

        user-modify 

css版的contenteditable
使用方法:

user-modify: read-only;user-modify: read-write;user-modify: write-only;user-modify: read-write-plaintext-only;

其中read-only为默认值,write-only是来搞笑的,read-write和contenteditable="true"效果一致,read-write-plaintext-only和contenteditable="plaintext-only"效果一致(没错这属性还有这个值但是还是草案中)。
至于兼容性么,就跟这玩意儿为人所知的程度一样,贫乏得可怜,目前IE浏览器不明,FF只支持前三个属性,Chrome高版本可以全部支持,但是全都要加上私有前缀。
适用场景的话,大概就是contenteditable的css版,想要做高度自适应的文本编辑框,又不想在粘贴复制的时候把html给复制进去。生产环境还是老老实实用js来搞吧。


        pointer-event

最常用的属性:

pointer-event: none;

这个属性的作用就是把元素变成“幻影”(逼格很高有没有),看得见却摸不着。
这属性曾经火过一阵,起因是国外某推主说在页面滚动时给body加上这个属性能够禁用hover从而有效提高FPS,还给出了相关测试数据。但是在各位网友的质疑和测试下发现实际效果不如数据展示的那么美好,一是各家浏览器都有针对滚动时指针hover的优化,二是这个属性会导致页面无法响应触屏,后来就不了了之了。
现在还在使用的场景大概只剩下通过pointer-event:none加上去除href属性来360度无死角的禁用a标签这一项了吧。


本文转载自:https://www.zhihu.com/question/39817183/answer/83264065

共有 人打赏支持
兔先森的小沫儿
粉丝 0
博文 20
码字总数 12000
作品 0
郑州
私信 提问
爱创课堂每日一题九十九天- 行内元素有哪些?块级元素有哪些? 空(void)元素有

CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,比如div默认display属性值为“block”,成为“块级”元素;span默认display属性值为“inline”,是...

全栈web笔记
01/31
0
0
爱创课堂每日一题九十六天- 行内元素有哪些?块级元素有哪些? 空(void)元素有

1)CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,比如div默认display属性值为“block”,成为“块级”元素;span默认display属性值为“inline”,...

全栈web笔记
01/27
0
0
前端知识 | CSS小技巧-自适应椭圆

背景知识: border-radius 属性的基本用法。 难题: 你可能注意到过,给任何正方形元素设置一个足够大的 border-radius,就可以把它变成一个圆形。所用到的 CSS 代码如下所示: 图1.1给元素设...

海说软件
06/26
0
0
前端新人关注的Web前端饱和性分析?前端面试必知必会的十点!

现在前端市场是不是已经饱和了?巴巴巴巴巴...... 还有:XXX行业是否已经饱和? angular1.5是不是已经被淘汰? 前端还有前途吗? bootstrap为什么被称为垃圾框架?等等等 不是博主不友好,只...

web前端05
06/15
0
0
CSS样式有哪些常用的属性?

一般的一个DIV的CSS设置属性有:margin,padding,width,height,font-size,text-align,background,float,border CSS样式有哪些常用的属性 附:《 css样式属性大全(中文注释)》 一 CSS文字属性...

inw3cschool
2017/05/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

HashTable和Vector为什么逐渐被废弃

HashTable,不允许键值为null,还一个就是put方法使用sychronized方法进行线程同步,单线程无需同步,多线程可用concurren包的类型。 如编程思想里面说的作为工具类,封闭性做的不好没有一个...

noob_chr
昨天
0
0
Win10 下安装Win7双系统

很多人买了预装64位Win8/8.1的电脑后想重装(或者再安装一个)Win7系统,但是折腾半天发现以前的方法根本不奏效。这是因为预装Win8/8.1的电脑统一采用了UEFI+GPT引导模式,传统的BIOS(Legacy...

yaly
昨天
1
0

中国龙-扬科
昨天
1
0
假若明天来临——《AI.未来》读后感3900字

假若明天来临——《AI.未来》读后感3900字: 你有没有想过,如果有一天你被确诊为癌症患者,你会做些什么?你有没有想过,在你百年之后,你希望你的墓碑上刻写着什么内容? 在我翻开李开复老...

原创小博客
昨天
1
0
tomcat线程模型

Connector结构 BIO模式 NIO模式

grace_233
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部