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

时间:2017-02-27 12:01:34

标签: html css

我没有什么问题,也不知道为什么它不起作用。我试图更改标签标签的字体大小,但我不能设置小于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>

2 个答案:

答案 0 :(得分:2)

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

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

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

答案 1 :(得分:0)

编辑:事实证明, 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>