I'm trying to use userContent.css to set the font for buttons & text input on web pages, for example the "Search" button on the Google search page and the box where you type in the search string.

I've tried the following and several other attempts but nothing works:

button {
font-family: sans-serif !important
}

buttons {
font-family: sans-serif !important
}

input[type="button"] {
font-family: sans-serif !important
}

Does anyone know how to do this? I've been reading web-pages about usercontent & userchrome for quite a while and not found how to do this.

I've done some customisation of buttons on webpages, but this is the only way I could get it to work:

Code the button something like:

<input type="button" class="buttonclass" name="mybutton" value="ClickMe" onclick="myfunction()" />

And then in the CSS:

input.buttonclass
{
font-family:sans-serif;
}


But if you're trying to customise the look and feel of buttons in mozilla you'll have to either make every input element - text boxes, radio buttons, checkboxes, buttons etc the same sans-serif font, because there's no way to change the class of the 'generic' button in mozilla that i'm aware of.

Hope this helps

David