Aloha ;)

das visuelle Gestalten von Eingabeelementen wie <input> und <select> war schon immer eine hakelige Angelegenheit. Oft spielen Systemeigenschaften der jeweiligen Plattform eine Rolle, wie etwas dargestellt wird - und da wundert mich Deine Entdeckung nicht im Mindesten.

Naja, das war früher mal. Heutzutage sollte man schon in der Lage sein, auch Formularelemente genau zu formatieren; dazu hat ja gerade die erwähnte Eigenschaft box-sizing sowie die Angabe von Werten mittels calc() beigetragen.

Der gefundene Effekt fällt ja auch nicht vom Himmel, sondern lässt sich direkt auf das box-sizing im Standard-Style des Browsers zurückführen.

Es sollte heutzutage also schon möglich sein, aufzulisten, welches Element sich wie verhält (im Gegensatz zu früher, wo man manchmal schon ein gewisses Gottvertrauen in das Betriebssystem und den Browser mitbringen musste).

@Edit: Ich habe das Codepen-Beispiel mal noch ein wenig erweitert um klar zu machen, dass der Effekt keineswegs random ist, sondern tatsächlich nur vom box-sizing abhängt.

Grüße,

RIDER