Question

我想增加输入框的高度，以便我的占位符文本换行并且完全可以阅读。但是，我的CSS似乎没有工作！任何想法??

这是屏幕名称

的hmtl5

<tr>
    <th class='row_header requiredfield'>Screen Name*</th>
    <td><input class="large_width tall_height" id="screen_name" type="text" name="screenname" value="{{screenname}}" placeholder="Put in a name others can understand if you don't want to use your actual name."/>
    </td>
</tr>

这是CSS：

.large_width {
    width:250px;
    height: 25px;
}   

.tall_height {
    height: 50px;
}

input {
    font-size: 14px;
    font-family: "Helvetica Neue";
}

input[placeholder] {
    font-size: 11px;
}

Answer 1

使占位符的输入高度和行高相同。例如

CSS：

.input-class
{
  height:30px;
}

.input-class[placeholder]
{
  line-height:30px;
  font-size:22px;
}

Answer 2

也许是这样的？

http://jsfiddle.net/nXWfM/

.place {
    height:30px; }

.place[placeholder] {
    font-size:22px; }

只需设置输入的高度

Answer 3

您可以设置输入框的高度。应该这样做。

＆＃13;

#screen_name{
   height: 30px;
}

＆＃13;

<tr>
    <th class='row_header requiredfield'>Screen Name*</th>
    <td><input class="large_width tall_height" id="screen_name" type="text" name="screenname" value="{{screenname}}" placeholder="Put in a name others can understand if you don't want to use your actual name."/>
    </td>
</tr>

＆＃13;

Answer 4

如何在CSS3中增加占位符/输入字段的高度和宽度 我也遇到了同样的问题，现在我解决了这个问题，遵循简单的代码来增加占位符/输入字段的高度和宽度

input{
height: 25 p x; <!--here height number is how much u want height u will putthat number-->
width: 180 p x; <!--here width number is how much u want width u will put that number-->

padding：0 10px; } 上面的代码100％可以使用谢谢你，祝你有美好的一天

如何增加输入字段的高度，以便占位符文本完全出现在输入框HTML5中

4 个答案: