html - 如何调整文本框中单词的大小？

Question

我调整了这个(id = box1)输入文本框的大小但遇到了问题。最初文本框调整大小但后来，当我在其中写字时，它看起来好像没有调整大小。

html:

<div  id="username">
  <form>
    <p>
      <span>UserName:</span>
      <input name="UserName" type="text" size="0" id="box1"   >
    </p>
  </form>
</div>

样式:

#username{
position:fixed;
top: 23px;
left: 709px;
right: 10%;
width: 280px;
height: 61px;
font-family: corbel;
border:medium;
border-color:black;
}

Answer 1

定位您的输入并使用 CSS 设置字体大小:

#box1 {
  font-size: 20px;
  padding: 5px;
}

你可以查看这个CodePen出去看看一个工作示例。