CSS3 鲜为人知的属性 -webkit-tap-highlight-color

-webkit-tap-highlight-color

这个属性只用于 iOS。当你点击一个链接或者通过 JavaScript 定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现， 你可以设置 -webkit-tap-highlight-color 为任何颜色。

想要禁用这个高亮，设置颜色的 alpha 值为0即可。

示例：设置高亮色为 50% 透明的红色：

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

浏览器支持：只有 iOS

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

在 pc 端为 a 标签定义这个样式的目的是为了取消 ie 浏览器下点击 a 标签时出现的虚线。ie 7 及以下浏览器还不识别此属性，需要在 a 标签上添加 hidefocus="true"

 input，textarea{ outline: none } 取消 chrome 下默认的文本框聚焦样式

在移动端是不起作用的，想要去除文本框的默认样式可以使用 -webkit- appearance，聚焦时候默认样式的取消是 -webkit-tap-highlight-color。看到一些移动端 reset 文件加了此属性，其实是多余。

webkit-appearance

 -webkit-appearance: none

消除输入框和按钮的原生外观，在 iOS 上加上这个属性才能给按钮和输入框自定义样式 。 注意：不同 type 的 input 使用这个属性之后表现不一。text、button 无样式，radio、checkbox 直接消失

-webkit-user-select

-webkit-user-select: none;

禁止页面文字选择 ，此属性不继承，一般加在body上规定整个body的文字都不会自动调整

-webkit-touch-callout

-webkit-touch-callout:none;

禁用长按页面时的弹出菜单（iOS 下有效），img 和 a 标签都要加。