文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>如何屏蔽safari下默认的input:focus效果

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

时间:2010-09-03  来源:haifun

在前端开发当中,有时根据设计要求,我们要改变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.ondrag=function(){return false}

相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载