.handle-input-search{ /*用id避免自带样式的影响*/
display: inline-block;
width: 150px;
height: 28px;
float: left;
margin-left: 8px;
border-radius: 4px;
padding-left: 10px;
border: 1px solid #bfcbd9;
box-sizing: border-box;
color: #1f2d3d;
font-family: inherit;
font-size: 8px;
outline: 0;
/*-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);*/
-webkit-transition:.2s border-color;
-webkit-appearance: none;
}
.handle-input-search:focus{
border-color:#20a0ff;
}
- 效果