Firefox - Button mit Pseudo-Element

[Gunther]

Hi!

Das dacht ich mir auch, bei Buttons (zumindest unter Firefox) reicht das nicht.
Beispiel und Lösung
Und ich vermute mal, dass gilt für alle Elemente die ein padding haben.

Das liegt am Browser Default-Stylesheet:

button, input[type="reset"], input[type="button"], input[type="submit"] {  
    -moz-appearance: button;  
    -moz-binding: none;  
    -moz-box-sizing: border-box;  
    -moz-user-select: none;  
    background-color: buttonface;  
    border: 2px outset buttonface;  
    color: buttontext;  
    cursor: default;  
    font: -moz-button;  
    line-height: normal;  
    padding: 0 6px;  
    text-align: center;  
    text-shadow: none;  
    white-space: pre;  
}

Gruß Gunther