Question

I would like to have a robust CSS that would have all forms I have looking the same.

I encounter a problem when defining CSS properties for the buttons and textboxes

here is the css

#content .forms input {
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}

I would like to have CSS for the buttons separate from the buttons but the

“#content .forms ‘input’ “

makes then look the same. Any ideas on how i would go about this?

Answer 1

You can add multiple classes to an element by separating the classes with a space.

<style>
    .FirstClass { color: #a9a9a9 }
    .SecondClass { font-size: 10pt; }
</style>
<input type='text' class='FirstClass SecondClass' />

Adding multiple classes can be confusing if you apply more and more classes to a single element.