浅析CSS3中不为人知的特性:

日期:2021-03-02 类型:科技新闻 

关键词:h5互动游戏,微信h5怎么制作,h5转盘抽奖,h5测试制作,凡科H5

-webkit-tap-highlight-color

这个特性只用于iOS (iPhone和iPad)。当你点一下1个连接或根据Javascript界定的可点一下元素的情况下,它就会出現1个半全透明的灰色情况。要更改这个主要表现,你能够设定-webkit-tap-highlight-color为任何色调。
要想禁用这个高亮度,设定色调的alpha值为0便可。

示例:设定高亮度色为50%全透明的鲜红色:

-webkit-tap-highlight-color: rgba(255,0,0,0.5);

访问器适用: 仅有iOS(iPhone和iPad).

css3中-webkit-text-size-adjust详解     

1、当款式表中font-size<12px时,汉语版chrome访问器里字体样式显示信息仍为12px,这时候能够用 html{-webkit-text-size-adjust:none;}

2、-webkit-text-size-adjust放在body上会致使网页页面放缩无效

3、body会承继界定在html的款式

4、用-webkit-text-size-adjust不必界定成可承继的或全局性的

outline:none

(1)在pc端为a标识界定这个款式的目地是以便撤销ie访问器下点一下a标识时出現的虚线。ie7及下列访问器还不鉴别此特性,必须在a标识上加上hidefocus="true"

(2)input,textarea{outline:none}  撤销chrome下默认设置的文字框聚焦款式

(3)在挪动端是不起功效的,要想除去文字框的默认设置款式可使用-webkit-appearance,聚焦情况下默认设置款式的撤销是-webkit-tap-highlight-color。

看到1些挪动端reset文档加了此特性,实际上是过剩。

webkit-appearance

-webkit-appearance: none;   //清除键入框和按钮的原生态外型,在iOS上再加这个特性才可以给按钮和键入框自定款式 。

留意:不一样type的input应用这个特性以后主要表现不1。text、button无款式,radio、checkbox立即消退

-webkit-user-select  

-webkit-user-select: none; // 严禁网页页面文本挑选 ,此特性不承继,1般加在body上要求全部body的文本都不容易全自动调剂

-webkit-touch-callout  

-webkit-touch-callout:none;  // 禁用长按网页页面时的弹出菜单(iOS下合理) ,img和a标识都要加

总结

以上便是这篇文章内容的所有內容了,期待本文的內容对大伙儿学习培训或应用CSS3能有1定的协助,假如有疑惑大伙儿能够留言沟通交流。