CSS文本框边框发光效果

使用IE浏览器是看不到此效果的。

直接为全局input添加了这个CSS3效果

input[type=text]:focus,input[type=password]:focus,textarea:focus,textarea:hover,input:hover{

transition
:border linear .2s,box-shadow linear .5s;

-moz-transition
:border linear .2s,-moz-box-shadow linear .5s;

-webkit-transition
:border linear .2s,-webkit-box-shadow linear .5s;

-o-transition
:border linear .2s,-webkit-box-shadow linear .5s;

outline
:none;border-color:rgba(241,39,242,.75);

box-shadow
:0 0 8px rgba(241,39,232,.5);

-moz-box-shadow
:0 0 8px rgba(241,39,232,.5);

-webkit-box-shadow
:0 0 8px rgba(241,39,232,3);

-o-box-shadow
:0 0 8px rgba(241,39,232,.5);

}
原文地址:https://www.cnblogs.com/xiongbaobao/p/2393391.html