html文本标签的高度和宽度未更改

Question

在我的HTML中，我不能通过css改变标签的高度和宽度。但我可以改变顶部和左侧。

HTML：

<div id="loginname"> 
    <label for="lognametext"></label> 
    <input type="text"  class="required" name="loginnametext"
           id="loginnametext" maxlength="500" /></div>

CSS：

#loginname { 
    left: 460px; 
    top: 18px; 
    position: absolute;
    margin-bottom: 0; 
    height: 28px; 
    width: 10px; 
    background-color: #fff;     
    font-size: 1.5em;
}

Answer 1

如果你想改变文本输入的宽度和高度，你不能通过改变容器( div标签)的宽度和高度来实现。您需要设置文本输入的样式属性，或者像设置div标记一样设置id "loginnametext“的css。

或者，您可以保留div标记的宽度和高度设置，并将文本输入的宽度和高度设置为"100%“(不带引号)。