Get rid of blue shadow border when clicking on button

[New Mobile Guy]

I have some buttons in my app, and I can't seem to figure out how to get rid of that blue haze shadow border after the user clicks on the button.

I was able to get rid of it when the user clicks on the button by using a style sheet, setting the button active state's box-shadow to 0 pixels. Yet, after the user presses the button, the blue shadow still appears. I tried the link state, hover state, and visited state, and nothing seems to work.

I also tried using the "!important" terminology in css, and that didn't work either.

Any ideas?

[Maryna Brodina]

Hello! Try this CSS code

[dsid=mobilebutton1_24].ui-focus {
box-shadow: none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}

mobilebutton1_24 - your button name

[Tommy B]

I want to remove the blue shadow all together or change its color as a whole within my app. Is there any way to reference an input box in general or a button in general. I'm just being lazy and don't want to reference each object.

[Maryna Brodina]

Hello! You would need to use CSS code (should be coded by you). The sample of code above. Open console to inspect elements, see what classes are there and apply your CSS rules for that classes. You can also set your own classes for elements inside editor. This should help http://docs.tiggzi.com/documentation/...

[Tommy B]

Perfect!!!!

I found the property within the projects theme and then created my own CSS and used this

.ui-body-e input {
-moz-box-shadow: 0 0 5px #f7b60c;
-webkit-box-shadow: 0 0 5px#f7b60c;
box-shadow: 0 0 5px #f7b60c;
}

This applies the CSS to all of the input boxes so that I don't have to code each one.