爲什麼我不能更改標籤的字體大小？

我有一點小問題，不知道爲什麼它不起作用。我試圖改變標籤標籤的字體大小，但我不能設置小於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>

來源

2017-02-27 Jakub

它在代碼段中工作正常.. –

如果您使用的是Chrome，您可能需要使用以下命令來硬刷新瀏覽器：mac上的Cmd/Shift/R和Windows上的Cntrl/Shift/R。由於Chrome緩存頁面，您的更改可能還不可見 – Christophvh

我正在使用Opera和網站位於本地主機上。 – Jakub

我已經測試了這個在我的身邊，它按預期工作。

如果您通過樣式表加載樣式，您的瀏覽器可能會緩存該樣式，並且您可能需要清除瀏覽器緩存。

某些瀏覽器也爲大多數HTML元素提供默認值。（需要考慮的東西）

來源

2017-02-27 12:05:58

但在本地主機我也必須清除緩存？我以爲只有當我有服務器上的網站，我必須這樣做。 – Jakub

由於這是瀏覽器緩存，您將需要清除瀏覽器緩存。或者只是查看它隱身。瀏覽器緩存確實會影響localhost –

哦，真的，我只能在瀏覽器中清除緩存。謝謝。 – Jakub

編輯：原來緩存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>

來源

2017-02-27 12:04:13

嗯，但我沒有看到10px和4px之間的任何區別，請使用代碼演示來查看屏幕：http://i.imgur.com/popRTSw.png – Jakub

我確實看到了區別。 http://imgur.com/wIuCnRd –

你在哪個瀏覽器上運行它？也許，試着清除瀏覽器的緩存？它應該工作得很好。 –

爲什麼我不能更改標籤的字體大小？

回答

相關問題