CSS: <input> ja ::before?

[Macpoika]

Haluaisin muuttaa painikkeiden ulkoasua. Minulla on päätyihin ja keskiosaan kuvat. Yksi tapa on käyttää useita taustakuvia (webkit only), mutta silloin täytyy asettaa päätykuville (joissa on pyöristetyt kulmat) taustaväri, joka ei välttämättä soinnu yhteen sivun taustan kanssa. Voin myös käyttää selainkohtaisia pyöristyksiä (webkit ja mozilla [jonka pyöristys ei ole edes antialiasoitu]). Näitä en haluaisi käyttää. Ajattelin, että laitetaan päädyt ::before- ja ::after-elementteihin. Miksi ne eivät näy? Vaikuttaa siltä ettei <input>-elementillä ole näitä pseudo-elementtejä.
Onko ehdotuksia?

[mazbi]

Kokeile <button> -elementtiä.

IE:llä :before ja :after ei toimi. IE8:ssa kylläkin toimii.

[Macpoika]

Kokeile <button> -elementtiä.

IE:llä :before ja :after ei toimi. IE8:ssa kylläkin toimii.

Kokeilinpa <button>ia ennen kuin tulin tänne uudestaan. Testaanpa siihen vielä tuota ::outside:a.