How to customize text area across all sites in a browser

There are two kinds of text in a web browser:

  • the one you read
  • the one you write

The latter one is much more important and should be the center of your online activity. It should stand out from the rest of the web page – it’s where your entire attention should be focused.

The only problem with text areas is that they are not like that. Usually having a font size set to 14px, I can hardly see what I write, not mentioning the errors I make.

You can customize the text area across all sites, no matter whether it’s a sharing bookmarklet for Twitter or Buffer, or a contact form on a blog you’ve just discovered.

How to customize text area in a browser

Let’s say you want to have a font size set to 17px in all text area fields you’ll use across the web.

1. Get a browser extension that lets change styling of any web page you visit. I use Stylebot for Chrome. Any extension that lets change global settings is a good option.

2. Go to Stylebot options (you can access it via Menu / Window / Extensions ). Click on Edit Global Stylesheet button.

Stylebot - access global stylesheet

3. In a pop-up window simply paste the code from below:

textarea {

This is a tiny change, but see the difference below.

Buffer bookmarklet – before

Customize textarea in a browser - before

Buffer bookmarklet – after

Customize textarea in a browser - after

Obviously, you can add other variables as well. For example:

font-family: Georgia, Times, serif; – to force serif in all text areas,

color: #555555; – to set font color to a graphite instead of a default one,

background: #efefef; – to change a background from default to light grey.

Leave a Reply

Please log in using one of these methods to post your comment: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: