CSS里一个奇怪的属性

标签：

事情是这样的，在一个手机界面的制作中，我发现按钮点击后总会出现一个边框，于是开始搜索解决方案。搜到的解决方案是这样的。

a:focus,input:focus{ 
    -webkit-tap-highlight-color:rgba(0,0,0,0); 
    -webkit-user-modify:read-write-plaintext-only; 
}

边框问题解决后我2333地把这两行代码加入到common.css，之后的页面直接ctrl+c ctrl+v。但是问题马上来了。我所有的<a></a>都成了可编辑的。

问题毫无疑问出在-webkit-user-modify这个属性上。

它的值有 read-only（只读） read-write（可读写） read-write-plaintext-only（可读写）。默认情况下无疑是read-only。

对于read-write（可读写） read-write-plaintext-only（可读写）两种状态，read-write可以添加图片等， read-write-plaintext-only不能。

对于input,textarea元素，无论我如何修改user-modify,他们没有任何变化。

在火狐浏览器下，属性在firebug中有显示，但是没有什么作用。

先更到这得了，测试得烦了。

CSS里一个奇怪的属性

标签：

原文地址：http://www.cnblogs.com/rizzle/p/4510491.html