css3阴影设置发光边框效果,阴影按钮

input内阴影
.border-shadow{
   -moz-box-shadow:1px 1px 1px #e0e0e0 inset;              
    -webkit-box-shadow:1px 1px 1px #e0e0e0 inset;           
    box-shadow:1px 1px 1px #e0e0e0 inset;    
}


input 发光边框
outline:none;
border:#8182EE 1px solid!important;

box-shadow: 0 0 8px #8182EE;


阴影按钮

.submit-btn{
display: block;
   border: 0;
   color: #fff;
   font-size: .8rem;
   text-align: center;
   width: 100%;
   height: 2rem;
   line-height: 2.1rem;
   color: #fff;
   background-color: #ff8e16;
   box-shadow: 0 3px 0px #E9670C;
   border-radius: 1.5rem;
   letter-spacing: 1px;
   }


版权声明:本文为u010394015原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。