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


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

请输入图片描述

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

firefox css webkit

偽Ramune 10 years, 3 months ago

用firefox的用户是不是很多?

斯巴达野人 answered 10 years, 1 month 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 10 years, 1 month ago

box-shadow能实现吧

忧郁D上帝 answered 10 years, 1 month ago

Your Answer