修改表單輸入字段

我正在使用提交表單輸入字段，其中文本顯示約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

修改表單輸入字段

回答

相關問題