Question

如何定义HTML页面输入框内输入的文本的样子？

RT，貌似默认的都是比较小的字体，如果我做的输入框比较大，想调整里面输入的文字字号等样式，应该怎么定义？谢谢大神！

Answer 1

1楼回答的已经很好了。我补充一些要注意的。
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像素行距，使用默认字体*/
}

Answer 2

按常规的样式定义
如：
.input
{
color:#f00; /*红色文字*/
width:160px; /*定义宽度*/
height:24px; /*定义高度*/
border:1px solid #ccc /*定义边框，1像素，灰色 */
font:normal 12px/24px "" /*定义字体，不加粗，12像素字，24像素行距，使用默认字体*/
}

Answer 3

常规的样式定义就可以

Answer 4

用font 定义