3

我想增加输入框的高度，以便我的占位符文本换行并且完全可以阅读。但是，我的 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;
}
4

4 回答 4

5

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

CSS：

.input-class
{
  height:30px;
}

.input-class[placeholder]
{
  line-height:30px;
  font-size:22px;
}
于 2013-07-12T06:58:59.877 回答
3

也许是这样的？

http://jsfiddle.net/nXWfM/

.place {
    height:30px; }

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

只需设置输入的高度

于 2013-07-12T06:52:50.080 回答
1

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

#screen_name{
   height: 30px;
}
<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>

于 2018-04-22T17:30:50.517 回答
0

如何在 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-->

填充：0 10px；上面的代码 100% 可以工作，谢谢你有美好的一天

于 2018-08-22T14:47:22.217 回答