输入框input

input输入框在ie下  高度显示不正常，并且里面的文字内容不居中显示

解决方法：可以具体看百度首页

这里简单说下：

<span>

<inupt type="text" value="33" ></span>

<style>

span{

height:34px;

width:500px;

1. border: 1px solid #b6b6b6;
2. background: #fff;
3. display: inline-block;
4. vertical-align: top;
5. width: 539px;
6. margin-right: 0;
7. border-right-width: 0;
8. border-color: #b8b8b8 transparent #ccc #b8b8b8;
9. overflow: hidden;

}

.input {

1. width: 526px;
2. height: 22px;
3. font: 16px/18px arial;
4. line-height: 22px\9;
5. margin: 6px 0 0 7px;
6. padding: 0;
7. background: transparent;
8. border: 0;
9. outline: 0;
10. -webkit-appearance: none;

}

</style>

1. border: 1px solid #b6b6b6;
2. border-color: #7b7b7b #b6b6b6 #b6b6b6 #7b7b7b;
3. background: #fff;
4. display: inline-block;
5. vertical-align: top;
6. width: 539px;
7. margin-right: 0;
8. border-right-width: 0;
9. border-color: #b8b8b8 transparent #ccc #b8b8b8;
10. overflow: hidden;