Make Input and Textarea Text Resize Correctly

To make text accessible and resize the solution is to use relative fonts:

body { font-size:medium; }

When text is resized through a browser all font sizes should change relatively. Unfortunately this does not apply to the <input> and <textarea> tags and so the text size does not change.

Fear not though, the simple solution is to simply set a percentage value to the input and textarea selectors:

input, textarea { font-size:100%; }

Now the text in the <input> and <textarea> tags should resize correctly.

This entry was posted in Programming and tagged . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

Post a Comment


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

* = Required