Inhalt auf Auswählen von HTML mit Randspringen auf Schwebe ⇐ CSS

[Anonymous]

Wenn ich über meine Dropdown -Auswahl, die einen grünen Rand von 1PX aufweist, schwebe, führt der 2px rote Rand dazu, dass der Inhalt springt. Wie kann ich meine ausgewählte Dropdown -HTML so stylen, dass sie standardmäßig eine grüne Grenze hat, aber einen roten Rand von 2PX erhält, ohne dass ein Inhalt auf dem schwebenden Sprung springt? Ich möchte auch nicht, dass der grüne Grenze bei Hover vorhanden ist-ich möchte nur den roten Rand. />

Code: Select all

.borders {
padding: 1rem;
border: 1px solid green;
}

.borders:hover {
border: 2px solid red;
}< /code>


 test 1
 test 2
 test 3