html textlabel的高度和宽度没有变化

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标签）来实现。您需要设置文本输入的style属性，或者像使用div标签一样设置id“loginnametext”的css。

或者，您可以保持div标签的宽度和高度设置，并将文本输入的宽度和高度设置为“100％”，不带引号。