CSS补充

原创于 2019-11-13 09:21:39 发布 · 239 阅读

CC 4.0 BY-SA版权

文章标签：

111 篇文章

订阅专栏

6 篇文章

订阅专栏

本文分享了几个CSS技巧，包括解决iOS设备上body标签点击事件的问题，通过使用div包裹并设置cursor样式来实现。同时介绍了如何消除iOS输入框点击时的蓝色高亮，以及CSS变量的使用方法，注意其在不同浏览器的支持情况。

解决方案：在body标签中包一层div，将事件绑定在div上

cursor: pointer;

-webkit-tap-highlight-color: transparent; /*阻止ios 点击蓝框*/

/*不支持IE6-8,安卓4.4.4以下*/
:root{
	--color:#007fff;
}
div{
	color:var(--color);
}
span{
	background:var(--color);
}