修改表单输入字段

Question

我正在使用提交表单输入字段，其中文本显示大约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;
    }

Answer 1

将输入字段的line-height设置为150％。

Answer 2

您可以使用CSS以几种不同的方式定位输入字段：

input#title {
    /* Contents here */
}

.submissionfield input {
    /* Contents here */
}

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

我会在输入上粘贴一些底部填充，或尝试增加行高值。

Answer 3

我没有看到您使用所包含的代码描述的问题...您的页面上是否还有其他样式？