css 输入框input样式 - hover、focus

<style>
	.eInput{
		font-size: 12px;
		color: #333333;
	}
	input{
		width: 160px;
		height: 24px;
		background: #FFFFFF;
		border: 1px solid #D9D9D9;
		border-radius: 4px;
		padding:0 10px;
		outline-style: none ;
	}
	.eInput input:focus{
		border: 1px solid #0085BD;
		height: 24px;
		line-height: 22px;
		caret-color:#0085BD;
	}
	input:hover{
		border: 1px solid #B2E2F6;
	}
</style>

<div class="eInput">
	<span>姓名：</span><input type="text"/>
</div>