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;
}