(CSS) Changing the colour of buttons, and textboxes

Cool Tips & Tricks	Help Communities:

<< Prev Topic | Next Topic >>

Cool Tips & Tricks ::: CSS FAQ ::: (CSS) Changing the colour of buttons, and textboxes

Topic: (CSS) Changing the colour of buttons, and textboxes

(?)

atlass

ezboard moderator
ezSupporter
Posts: 296

Posted: 11/3/01 2:18 am

(CSS) Changing the colour of buttons, and textboxes

If you want to change the colour of the boxes in which your users type a reply or new topic, then you need to change the CSS definitions of two classes.

They are the .inputbox and the .inputbutton

The ezboard settings for these are as follows:

.inputbox {
border-top:#333333 solid thin;
border-bottom:#333333 solid thin;
border-right:#333333 solid thin;
border-left:#333333 solid thin;
font-family: verdana, helvetica, sans-serif;
}

.inputbutton {
font-size: 120%;
font-family: verdana, helvetica, sans-serif;
}

These define the borders and typeface used.

You can add your own colours by putting the following code in the first box in your advanced area:

<style>

.inputbox {
border-top:#333333 solid thin;
border-bottom:#333333 solid thin;
border-right:#333333 solid thin;
border-left:#333333 solid thin;
font-family: verdana, helvetica, sans-serif;
color: #XXXXXX;
background-color: #YYYYYY
}

.inputbutton {
font-size: 120%;
font-family: verdana, helvetica, sans-serif;
color: #XXXXXX;
background-color: #YYYYYY
}

</style>

#XXXXXX = the colour of the text
#YYYYYY = the colour of the text box, or button.

You could also edit the colours in the borders if you required, or change the typeface to suit your board.

@

Edited by: atlass at: 12/15/01 5:05:08 am

ezstrangelets

ezboard Moderator
ezSupporter
Posts: 27

Posted: 12/10/03 10:59 am

Re: (CSS) Changing the colour of buttons, and textboxes

If you want a background image in the input box instead of a solid color, here is the code:

.inputbox {
background-image: url(http://image_url.gif);
}