The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Is it possible to change SUBMIT BUTTON default styling?

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #28780

    When clicking on a browser default styled submit button, a blue glow appears around the button when clicked… is it possible to change the color of this glow? So far I’ve tried the following:

    input[type=”submit”]:focus {
    background-color: #F37121 !important;

    But it does not work… any suggestions?



    Also… I’ve browsed through Firefox’s default internal style sheet at: resource://gre/res/forms.css and have found the following rule:

    input[type=”file”] > input[type=”button”]:focus::-moz-focus-inner {
    border-color: ButtonText;

    I’ve never heard of ButtonText or ButtonFace before… does anyone know if this is possible?


    Keep in mind focus doesn’t work IE. You have to do some javascript for that. Additionally, focus wouldn’t work with a button the way your trying to do it. You would need to use :active instead. This also will NOT work with IE.


    even when I use :active, it doesn’t effect the blue outer glow… see attached screeshot….


    you’re not going to effect that with css. You may be able to play with css3 or find some jquery to handle it.

    in this tut the guy used css3 and jquery to get the glow effect:

    that should give you some insight on what you need to do.


    Got it. Thanks for your help.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.