Warum kann ich die Schriftgröße für das Etikett nicht ändern?

Question

Ich habe ein kleines Problem und weiß nicht, warum es nicht funktioniert. Ich habe versucht, die Schriftgröße für das Etikett-Tag zu ändern, aber ich kann nicht weniger als 10px einstellen. Warum?

.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

Ich habe dieses auf meiner Seite getestet und es funktioniert wie vorgesehen.

Wenn Sie die Stile über ein Stylesheet laden, ist es möglich, dass Ihr Browser dies zwischengespeichert hat und Sie möglicherweise Browser-Caches löschen müssen.

Einige Browser liefern auch Standardwerte für die meisten HTML-Elemente. (Etwas zu beachten)

Answer 2

EDIT: Es stellte sich heraus, dass CSS in Opera zwischengespeichert war verantwortlich Nicht-Aktualisierung Styling.

Arbeiten wie erforderlich. Denken Sie daran, das Code-Snippet erneut auszuführen, nachdem Sie Änderungen vorgenommen haben.

.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>