Simple Machines Community Forum

   I am useing 1.1 RC2 this is my first attempt at a custom theme. Just wanted to change the colors a bit.

   I am trying change the background and font color of the input, textarea and button separately in the style.css file.

   The original code reads:

   input, textarea, button
{
color: #000000;
font-family: verdana, sans-serif;
}
input, button
{
font-size: 90%;
}

textarea
{
font-size: 100%;
color: #000000;
font-family: verdana, sans-serif;
}


   I changed it to:

   input, textarea, button
{
   font-family: verdana, sans-serif;
}
input

{
   font-size: 90%;
   color: #66cc66;
   background-color: #006666;
   
}
button
{
   font-size: 90%;
   color: #003333;
   background-color: #999CC;
   
}


textarea
{
   font-size: 100%;
   color: #333300;
   background-color: 999999;
   font-family: verdana, sans-serif


   The color of the textarea background stayed white, the input and button font and background change to the colors I put in under the input section. I tried reversing the order and even deleting the
input, textarea, button
{
   font-family: verdana, sans-serif;
}

Section and put font-family: verdana, sans-serif; under input and button separately. It still behaves the same no matter what I do, is there a way to change them separately?

Also how do I change the border color of the button and input area?