Ändra textstorlek på <form>-element

<style type="text/css">
p, input {font-size:x-small;}
</style>

<input type="text" value="Text">
<p>Text</p>

Om jag använder ovanstående kod och ändrar textstorlek i webbläsare så följer inte <input>-fältet med. Hur löser man det?

Då detta fungerar bra i Firefox kan jag tänka mig att det är nått med IE som gör att detta inte fungerar där.
Testa att söka efter nått x-small hack för IE och se om det kan hjälpa dig. :)

Det är alltså inte bara x-small som inte funkar utan det gäller alla relativa fontstorlekar. Jag börjar tvivla på att det går - jag har inte hittat någon sida där det funkar. :(

/r Såg precis att det funkar på https://www.microsoft.com/sverige ! Ska rota i deras kod och se om jag hittar hur dom gör. :)

/r 2Nähä... det var bara på <select>-taggen som det funkade och det gjorde det tydligen hela tiden. Tillbaka på ruta 1. :(

Om du använder % så borde det fungera, eller?

För mig fungerar följande fint även i IE:

[red]<style type="text/css">
p, input {font-size: 90%;}
</style>[/red]

Det har du rätt i! Trodde att jag testat detta. :r
Får se om jag kan få in detta i css:en också utan att nåt annat strular.
Är det någon som löser det med x-small så säg till. :)