Styling the input form areas and custom buttons

Styling the input form areas and custom buttons

door R Guy -
Aantal antwoorden: 2

Hi everyone,

Does anyone have any ideas how i might go about styling the input forms and buttons that are default to browser? Basically I want to get rid of all the 3D modaling of the boarders and buttons and have just a plain border.

I have done this in pure css when creating a tableless form on a traditional web page, but was wondering if I can do it to overide the browser default in a php application.

Thanks for any help you can give.

R

Gemiddelde van de beoordelingen:  -
Als antwoord op R Guy

Re: Styling the input form areas and custom buttons

door Just Dave -
Hey R,

Correct me if I'm wrong but if you style your form elements using some CSS in your theme shouldn't this override your default browser form element styles? This is what I have done and it works in IE and Firefox.

I used the following CSS style in my theme styles_layout.css to achive a look like this:

Input

/* input boxes */
input {
  color: #494949;
  font-size: 84%;
  font-weight: bold;
  background-color: #FFFFFF;
  border: 1px solid #b2d3f4;
  padding: 2px;
}

/* dropdowns */
div select {
  font-size: 84%;
  font-weight: bold;
  background-color: #FFFFFF;
  border: 1px solid #b2d3f4;
  padding: 2px;
  color: #494949;
}


Hope this helps or is of use to someone smile

Cheers,
Dave
Gemiddelde van de beoordelingen:  -
Als antwoord op Just Dave

Re: Styling the input form areas and custom buttons

door R Guy -
That does it.

Thanks, I was wondering if they could be styled through the layout style sheet or not.
Gemiddelde van de beoordelingen:  -