针对IOS的-webkit-appearance参数问题

由于我改变了checkbox的选择框，让其变成radio。选择框使用了-webkit-appearance:none;outline: none;这种清除原样式的写法，突然发现在IOS端出现了黑色的边框，为此我查了很久的资料，后来我发现只要加上border：0;就能清除这种边框。

再来说说我在查找资料的过程中总结了一下-webkit-appearance的拓展（以下信息来源于网上的摘取，如有不正确希望指出）：

（1）说明:  

   -webkit-appearance 是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。此属性非标准且渲染效果在不同浏览器下不同，有些属性值甚至不支持，请慎用。

 

（2）前缀说明：

    webkit是一种浏览器私有前缀,是浏览器对新css实现的一个提前支持-webkit-前缀是指webkit内核的浏览器,与之相同的还有一个浏览器私有前缀-moz-,-moz-是指Firefox内核的浏览器。

 

（3）浏览器私有属性说明：

      为什么要有私有前缀呢？因为制定HTML和CSS标准的组织W3C动作是很慢的。通常，有w3c组织成员提出一个新属性，比如说圆角border-radius，大家都觉得好，但是w3c不会为这个属性制定标准，而是要走很复杂的程序，经过很多审查。而浏览器商不愿意等那么久，他们觉得一个属性已经够成熟了，就会在浏览器中加入支持。但是避免日后w3c公布标准时有所变更，就会加入一个私有前缀，比如-webkit-border-radius，通过这种方式来提前支持新属性，等到日后w3c公布了标准，border-radius的标准写法确立之后，再让新版的浏览器支持border-radius这种写法。