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

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

请输入图片描述

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

阅读 4.8k
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;
}
推荐问题