修改表单输入字段

我正在使用提交表单输入字段，其中文本显示约2-5个像素太低。这会导致像小写字母y，q，j等字母出现在Chrome中的框下方，并且只会部分出现在IE 8中。为了解决此问题，我希望文本在输入中出现几个像素字段，或使输入字段高出几个像素。修改表单输入字段

我该怎么做？

由于提前，

约翰

输入域代码：

<div class="submissionfield"><input class="checkMax3" name="title" type="title" id="title" maxlength="80"></div>

的CSS：

.submissionfield 
    { 
    position:absolute; 
    width:550px; 
    left:30px; 
    top:230px; 
    text-align: left; 
    vertical-align:text-top; 
    margin-bottom:10px; 
    padding:2px; 
    font-family: "Times New Roman", Times, serif; 
    font-size: 22px; 
    color:#000000; 
    }

来源

2010-08-09 John

设置line-height为输入字段可能150％。

来源

2010-08-09 13:16:22 kravemir

与此问题无关，但150％的行高帮助解决了Internet Explorer 7和8中值文本的样式问题。 – DBUK 2011-11-07 16:35:06

您可以在几个不同的方式使用CSS定位于输入框：

input#title { 
    /* Contents here */ 
} 

.submissionfield input { 
    /* Contents here */ 
} 

.submissionfield input#title { 
    /* Contents here */ 
}

我会坚持在输入一些底部填充，或设法增加行高值。

来源

2010-08-09 13:27:05 Stann0rz

我没有看到您使用您包含的代码描述的问题......您网页上是否定义了其他任何样式？

来源

2010-08-09 13:41:15

修改表单输入字段

回答

相关问题