css3 不常用但重要的属性

IOS

2.-webkit-touch-callout (ios 2.0+)

none:禁止弹出系统弹窗

default:默认

Android

Common

1.-webkit-user-select

none:文本不能被选择

text:可以选择文本

all:当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素,那么被选择的部分将是以该子元素向上回溯的最高祖先元素。

element:可以选择文本,但选择范围受元素边界的约束

2.-webkit-perspective

number:元素距离视图的距离,以像素计。

none: 和0效果相同,不设置距离

3.-webkit-perspective-origin

x-axis:x轴上的位置,默认50%,可能的值:left right center length %

y-axis:y轴上的位置,默认50%,可能的值:left right center length %

4.-webkit-transform-style

flat:子元素不保留其3d位置

preserve-3d:子元素保留其3d位置

5.-webkit-backface-visibilty

visible:不隐藏transform元素的背面

hidden:隐藏

6.-webkit-appearance

用于取消系统默认样式

取值地址:http://www.css88.com/webkit/-webkit-appearance/

7.-webkit-input-placeholder

当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时,覆盖显示的高亮颜色。

color:颜色值

transparent:透明值

8.-webkit-text-size-adjust

none:取消最小12px的限制 放在body中,会阻碍页面缩放。尽量不要设全局

9.-webkit-overflow-scrolling (ios5.0+)

touch:当手指从触摸屏上移开,会保持一段时间的滚动

auto:当手指从触摸屏上移开,滚动会立即停止