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/archive/2012/03/13/2393391.html