Styling the input form areas and custom buttons

Styling the input form areas and custom buttons

by R Guy -
Number of replies: 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

Average of ratings: -
In reply to R Guy

Re: Styling the input form areas and custom buttons

by 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
Average of ratings: -
In reply to Just Dave

Re: Styling the input form areas and custom buttons

by R Guy -
That does it.

Thanks, I was wondering if they could be styled through the layout style sheet or not.
Average of ratings: -