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


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

请输入图片描述

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

firefox css webkit

偽Ramune 9 years, 8 months ago

用firefox的用户是不是很多?

斯巴达野人 answered 9 years, 6 months ago

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;
}

ade123 answered 9 years, 6 months ago

box-shadow能实现吧

忧郁D上帝 answered 9 years, 6 months ago

Your Answer