input ， select 等点击 操做 样式模板

为了 提升用户体验的

<style>
.datepicker{
     border:1px  solid #ccc;
    border-radius: 4px;  //圆角效果
    height: 24px;
    line-height:24px;  /垂直居中
        
} 
//点击有明显的变化
.datepicker:focus{
    outline:0 none;
    border:1px solid #1abc9c;
        
}

</style>


<input  type="text"   class="datepicker"   />