如何为全局所有input组件添加边框发光效果

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

         outline:none;

         border-color:rgba(241,39,62,.75);

        /*设置边框阴影*/

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

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

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

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

　　　/*CSS3实现渐变*/

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

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

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

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

}

转载于:https://www.cnblogs.com/janney/p/6638175.html