input，文本框获取焦点时边框样式

input框的样式

   input{
    height: 36px;
    line-height: 36px;
    border: 1px solid #E8E8E8;
    border-radius: 4px; 
}

获取焦点时的样式 

border:1px solid #42A7FF;//不生效

outline：1px solid #42A7FF;

input:focus{
   border: none;
   box-shadow:  0 0 0 1px #42A7FF,0 0 0 3px #BDE7FF;
}