无法更改html / css中的标签大小

Question

尝试不同的方式：

• inline
• class
• id

无济于事，我无法更改html / css中标签块的大小

这里是代码的一部分

.label {
  size: 5px;
}

<h1>Quadratic Equation Roots Calculator</h1>
<h3> This web page finds the roots of a polynomial equation of the following form:<br>
  <i>ax<sup>2</sup> + bx + c</i> = 0<br>
  <i>a, b,</i> and<i> c </i> must be integers between -99 and +99, and <i>a </i>must be non-zero.<br><br>


  <form class="label">
    <label for="a"> <b>a:</b></label>
    <input type="number" id="a" size="5" min="-99" max="+99" required="nonzero">
    <label for="b"><b>b:</b></label>
    <input type="number" name="b" size="5" min="-99" max="+99" required>
    <label for="c"> <b>c:</b>
        <input type="number" name="c" size="5" min="-99" max="+99" required> </label>
    <br><br>

    <input type="submit" value="Calculate Root" onclick="calculateRoots"> </form>

Answer 1

我认为您正在尝试像这样定位属性：

label[for="a"] {
    font-size: 50px;
}

我希望这会有所帮助。

Answer 2

如果您指的是标签宽度，则可以使用以下代码：

label {
 display: block; width: 100px;
}

<h1>Quadratic Equation Roots Calculator</h1>
<h3> This web page finds the roots of a polynomial equation of the following form:<br>
  <i>ax<sup>2</sup> + bx + c</i> = 0<br>
  <i>a, b,</i> and<i> c </i> must be integers between -99 and +99, and <i>a </i>must be non-zero.</h3><br><br>


  <form class="label">
    <label for="a"> <b>a:</b></label>
    <input type="number" id="a" size="5" min="-99" max="+99" required="nonzero">
    <label for="b"><b>b:</b></label>
    <input type="number" name="b" size="5" min="-99" max="+99" required>
    <label for="c"> <b>c:</b>
		   	<input type="number" name="c" size="5" min="-99" max="+99" required> </label>
    <br><br>

    <input type="submit" value="Calculate Root" onclick="calculateRoots">
  </form>

如果您是指font-size，请将其添加到CSS：font-size:100px;