使用 CSS 更改输入和文本区域大小

Question

我这里有一个简单的表单，它连接到一个 css 文件。我如何访问和更改输入和文本区域的具体大小

<main>
  <section id="protokoll">
    <form action="protokollAbfrage.php" method="post">
      <label class="h3" for="KW">New week:</label><br>
      <input value="<?php echo $item[" KW "]; ?>" type="text" id="KW" name="KW" placeholder="KW **" required/><br><br>

      <label class="h3" for="TITEL">New title:</label><br>
      <input value="<?php echo $item[" TITEL "]; ?>" type="text" id="TITEL" name="TITEL" required /><br><br>

      <label class="h3" for="INHALT">New subtitle:</label><br>
      <input value="<?php echo $item[" INHALT "]; ?>" type="text" id="INHALT" name="INHALT" required/><br><br>

      <label class="h3" for="TEXT">New text:</label><br>
      <textarea id="TEXT" name="TEXT" required <?php echo $item[ "TEXT"]; ?> ></textarea><br><br>

      <a href="https://djumla.dev/praktikum/protokollAbfrage.php"><button> <?php echo "Submit new Article";?></button></a>

    </form>
  </section>
</main>

我尝试过类似的东西：

section input { min-width: 500px; }

但这没有效果

Answer 1

在

<input>

元素中使用 size 属性，例如

<input value="INHALT" type="text" id="INHALT" size="50" name="INHALT" required/>