Textbox Color

This page contains HTML code for changing textbox color. Feel free to copy and paste this textbox color code into your own website, blog, MySpace page, or other HTML document. And feel free to modify the code as you wish.

Also, please consider keeping the link back to this website - if you do it will be very much appreciated!

Change Textbox Color

To change the color of an HTML textbox, you need to use either the background-color property or the background property (which is just shorthand for all background properties). This changes the background color of the actual textarea. Like this:

Here's an example:

Source Code	Result
<!-- Codes by HTMLcodes.me --> <textarea rows="5" cols="20" style="background-color: GreenYellow;"> This HTML textbox has had its background color changed. </textarea> <p><a style="font-size:11px;color:#999;" href="http://www.htmlcodes.me/textboxes/textbox-color.cfm">HTML textarea color</a></p>	This HTML textbox has had its background color changed.

To choose a color, use the color picker.

Change Text Color

To change the color of the text in an HTML textbox, you need to use the color property. Like this:

Source Code	Result
<!-- Codes by HTMLcodes.me --> <textarea rows="5" cols="20" style="background-color:GreenYellow;color:OrangeRed;"> This HTML textbox has had its background color changed. </textarea> <p><a style="font-size:11px;color:#999;" href="http://www.htmlcodes.me/textboxes/textbox-color.cfm">HTML textarea color</a></p>	This HTML textbox has had its background color changed.

To choose a color, use the color picker.

Textbox Border Color

To change the color of the border around an HTML textbox, use the border property. Like this:

Source Code	Result
<!-- Codes by HTMLcodes.me --> <textarea rows="5" cols="20" style="background-color:GreenYellow;color:OrangeRed;border:3px solid green;"> This HTML textbox has a green border. </textarea> <p><a style="font-size:11px;color:#999;" href="http://www.htmlcodes.me/textboxes/textbox-color.cfm">HTML textarea color</a></p>	This HTML textbox has a green border.

To choose a color, use the color picker.

More textbox border codes.

Change Scrollbar Color

To change the color of the scrollbar on an HTML textbox, you need to use the scrollbar-base-color property. Note that this only works on some browsers (eg, Internet Explorer). Therefore, if your browser doesn't support the scrollbar-base-color property, you won't see any difference. Also note that the scrollbar-base-color property isn't actually a part of the official HTML specification (this is why it's not widely supported).

Source Code	Result
<!-- Codes by HTMLcodes.me --> <textarea rows="5" cols="20" style="scrollbar-base-color:Lime;"> This HTML textbox has had its scrollbar color changed (but only if your browser supports the 'scrollbar-base-color' property). </textarea> <p><a style="font-size:11px;color:#999;" href="http://www.htmlcodes.me/textboxes/textbox-color.cfm">HTML textarea color</a></p>	This HTML textbox has had its scrollbar color changed (but only if your browser supports the 'scrollbar-base-color' property).

To choose a color, use the color picker.