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%”(不带引号)。