如何在firefox中模拟出webkit核心里默认的focus效果

天天up
  • 293

我比较喜欢chrome/safari默认的表单元素focus效果,就是有一圈高亮的光晕

请输入图片描述

但是firefox里面是默认没有这个效果的,如何模拟呢?

回复
阅读 3.9k
3 个回答

box-shadow能实现吧

segmentfault的css代码

form-control:focus {
-webkit-box-shadow: 0 0 2px 1px #78aeda,0 0 2px #78aeda inset;
box-shadow: 0 0 2px 1px #78aeda,0 0 2px #78aeda inset;
-webkit-transition: 0;
-o-transition: 0;
transition: 0;
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏