修改表单输入字段

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

使用你包含的代码，我看不到你描述的问题...您的页面上是否定义了其他样式？