1、或许你常常不希望用户在你的网站上选择文本,无论是否是出于版权的原因.通常大家会有js来实现,另一个方案就是,将-webkit-user-select 和-moz-user-select 的值设为none.
请谨慎使用这个属性：因为大部分用户是来查看信息的,他们可以复制并存储下来以备将来之用,所以这种方法既无用也无效.如果你禁用了复制粘贴功能,用户还是可以通过查看源文件来获取到他们想要的内容.搞不懂这个属性为什么会被webkit和gecko支持.
user-select是css3新增的一个属性,用来指定文本的可选择性.目前主流的浏览器都支持该属性,但是要加上各自的前缀.
-webkit-user-select: none; /* Chrome all / Safari all /opera15+*/ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none;
除了”none”还支持以下值:
auto——默认值，用户可以选中元素中的内容
text——用户可以选择元素中的文本
element——文本可选，但仅限元素的边界内(只有IE和FF支持)
all——在编辑器内，如果双击或上下文点击发生在子元素上，该值的最高级祖先元素将被选中。
-WEBKIT-USER-SELECT:NONE导致输入框无法输入
解决地址http://my.oschina.net/u/574928/blog/347364
2、如何 禁用 html 文本框在 webkit 下拖拽输入?（我在做网站时发现，在webkit内核的浏览器上，只要输入框周围有图片，只要稍微一拖，进入输入框，就会把图片地址，或链接放入输入框，如何解决?）
-webkit-user-drag: none;
3、如何在鼠标按下左键并移动时，鼠标形状依然保持“move”状？
就是网页弹出一个div框，鼠标放在上面，鼠标会变成一个有四个箭头的形状，点击鼠标涂东div框是，怎么依然保持那个形状？
给那个div设置样式：
user-select : none ; touch-callout : none ; user-drag : none ; tap-highlight-color : rgba(0,0,0,0) ; -webkit-user-select : none ; -webkit-touch-callout : none ; -webkit-user-drag : none ; -webkit-tap-highlight-color : rgba(0,0,0,0) ;
4、-webkit-tap-highlight-color
苹果手持设备的浏览器属性，意思是：点击它，它就会出现一个半透明的灰色背景。webkit是苹果浏览器引擎，tap点击，highlight背景高亮，color颜色，颜色用数值调节。
5、
