如何屏蔽safari下默认的input:focus效果

在前端开发当中，有时根据设计要求，我们要改变input的边框，可以直接设置border的样式，但是都无法改变Safari默认input:focus样式。

解决方法如下：*:focus {outline: none;}

众所周知，在IE下面可以采用onselectstart和ondrag方式实现文本的禁止选择功能，但是在FF和safari下面却是不可使用，可以采用以下方法：

body{
     -moz-user-select: none;
     -khtml-user-select: none;
     user-select: none;
}

不过这种方法只在FF和safari下有效，因此还得结合IE下的方法实现：

document.body.onselectstart=document.body.οndrag=function(){return false}

转载于:https://www.cnblogs.com/haifun/archive/2010/09/03/1816923.html