Comment Box Colors

This page contains examples of adding color to comment boxes. Feel free to copy and paste this code into your own website.

MySpace Users: If you need a comment box for your MySpace profile, use the MySpace comment box code.

Background Color

You add color to your comment box using CSS. Here, we change the background color of the comment box. We do this by applying the CSS background-color property to the HTML textarea element.

Choose your colors with the HTML color picker.

CodeResult

Comments:

Text Color & Size

Here, we change the color of the text inside the comment box. We do this by applying the CSS color property to the HTML textarea element. We also change the font, size, and lineheight of the text using the font property.

CodeResult

Comments:

Button Color

Here, we change the color of the submit button and its text. We do this by applying both the background-color and color properties to the button. The button is specified using the HTML input tag.

CodeResult

Comments:

Scrollbar Color

Here, we change the color of the scrollbar (which appears when there's enough text). We do this with the 'scrollbar-base-color' property.

CodeResult

Comments:

Note that the 'scrollbar-base-color' property (which specifies the color of the scrollbar) won't work on all browsers. It should work on Internet Explorer version 5.5 and above, but at the time of writing, it doesn't work in Firefox. More about about colored scrollbars.

More Comment Box Tricks!

You can also...

Enjoy this page?

  1. Link to this page (copy/paste into your own website or blog):
  2. Link to Quackit using one of these banner ads.

Thanks for supporting Quackit!

Sponsored Link: Design CODE-FREE Websites

Check a Domain:

ZappyHost Logo