jquerymobile button clicked goes blue

Question

I'm trying to prevent my button from flashing blue after clicking, anyone know what class causes this change? so I can override it

Cheers!

Answer 1

For anyone landing here and wondering what to do with .ui-btn-active, I'd like to build on sqlisers answer with:

.ui-btn-active 
{ 
    color: #2F3E46 !important; 
    background: none !important; 
    background-color: #eee !important; 
    text-shadow: 0 /*{a-bup-shadow-x}*/ 
                 1px /*{a-bup-shadow-y}*/ 
                 0 /*{a-bup-shadow-radius}*/ 
                 #ffffff /*{a-bup-shadow-color}*/;  
}

Just change the color values to whatever you like.

Answer 2

If this happens on your mobile, I'd suggest adding this to your stylesheet:

* {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

This will remove the default tap-highlight function of the webkit browser (on any mobile). Seems to work mostly on Android phones, but it does have affect on iOS devices as well.

Answer 3

The class you're looking for is

.ui-btn-active