Question

我没有什么问题，也不知道为什么它不起作用。我试图更改标签标签的字体大小，但我不能设置小于10px。为什么呢？

.group {
  margin-bottom: 20px;
}
.group label {
  font-size: 10px;
}
.group2 label {
  font-size: 8px;
}

<div class="group">
  <label for="input1">First label</label>
  <input type="text" name="input1">
</div>
<div class="group group2">
  <label for="input2">Second label</label>
  <input type="text" name="input2">
</div>

Answer 1

我已经在我这边测试了这个，它按预期工作。

如果您通过样式表加载样式，则浏览器可能已缓存此样式，您可能需要清除浏览器缓存。

某些浏览器也会为大多数HTML元素提供默认值。（需要考虑的事项）

Answer 2

编辑：事实证明， Opera 中的缓存 CSS 负责非更新样式。

按要求工作。请务必在进行更改后重新运行代码段。

.group {
  margin-bottom: 20px;
}
.group label {
  font-size: 10px;
}
.group2 label {
  font-size: 4px;
}

<div class="group">
  <label for="input1">First label</label>
  <input type="text" name="input1">
</div>
<div class="group group2">
  <label for="input2">Second label</label>
  <input type="text" name="input2">
</div>

为什么我无法更改标签的字体大小？

2 个答案: