1、为了兼容的需要，一般给input定了高度之后（比如：height:20px），还需要设置行高以确保文字垂直居中：line-height:20px 行高必须与高度保持一致。
2、例子： <input type="text" id="text" name="" size=“15” />所示中要注意写size的值，不然文字输入多了或造成溢出。（可能还有别的方式，不过我自己还没尝试过）
3、可以给每一个input定义一个选择器，以方便单独定义样式。
html: <input type="text" id="text" name="" size=“15” />
css: input#text{
color:#f00 /*红色文字*/
width:160px /*定义宽度*/
height:24px/*定义高度*/
line-height:24px/*定义行高，确保垂直居中*/
border:1px solid #dfdfdf /*定义边框，1像素，浅灰色 1楼设的灰色较深，一般不适合，白色背景来说，#dfdfdf的颜色之比较合适 */
font:normal 12px/24px "" /*定义字体，不加粗，12像素字，24像素行距，使用默认字体*/
}
html中<input>默认值的样式设置：
修改隐式的显示文字默认值。可以使用（input::-webkit-input-placeholder{color:#0F0}）。
修改后默认的灰色的字体颜色会变为自行设置的绿色。
修改用户输入时文字默认值。可以使用（input{color:#CF0}）。
拓展资料：input{
font-size:1.4em设置输入框中字体的大小
height:2.7em设置输入框的高度
border-radius:10px设置输入框的圆角的大小
border:1px solid #c8cccf设置输入框边框的粗细和颜色
color:#986655设置输入框中文字的颜色
outline:0将输入框点击的时候出现的边框去掉
text-align:center设置输入框中文字的位置
display:block将输入框设置为块级元素
}
