Quackit Logo
HTML
CSS
Scripting
Database
Hosting
Design
XML

Print Version

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.

This results in:

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.

This results in:

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.

This results in:

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.

This results in:

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 website?

  • Share
  • Add this page to your Favorites
  • Link to this page (copy/paste into your own website or blog):
  • Link to Quackit using one of these banner ads.
  • Help support Quackit by making a donation

Oh, and thank you for supporting Quackit!

© Copyright 2000 - 2010 Quackit.com