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

答案:2 悬赏:10 手机版

解决时间 2021-03-11 15:47

提问者网友：雪舞兮
2021-03-10 15:57

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

最佳答案

五星知识达人网友：梦中风几里
2021-03-10 17:27

就说两个CSS3的
　　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来搞吧。

全部回答

1楼网友：思契十里
2021-03-10 17:37

ss 3 的 filter 想必大家都知道，可以做色调变和模糊处理之类高大上的效果。不过，我今天要讲的是 backdrop-filter，它可以实现 filter 的绝大多数效果，但仅对背景生效。比如： background-color: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(10px); 这两行就能实现与 ios 系统 ui 相同的毛玻璃透明效果

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息