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

2024-11-02 05:35:22

推荐回答（4个）

回答（1）：

1楼回答的已经很好了。我补充一些要注意的。
1、为了兼容的需要，一般给input定了高度之后（比如：height:20px;），还需要设置行高以确保文字垂直居中：line-height:20px; 行高必须与高度保持一致。
2、例子：所示中要注意写size的值，不然文字输入多了或造成溢出。（可能还有别的方式，不过我自己还没尝试过）
3、可以给每一个input定义一个选择器，以方便单独定义样式。
html:
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像素行距，使用默认字体*/
}

回答（2）：

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

回答（3）：

常规的样式定义就可以

回答（4）：

用font 定义