如何为全局所有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;

}

posted @ 2017-03-29 09:51  灵哆哆  阅读(538)  评论(0编辑  收藏  举报