The jQuery Mobile framework uses a bright blue color to indicate the active state for buttons and other controls. This Active State theme is consistent for all the default swatches and cannot be overridden via markup. This recipe shows you how to override the Active State theme.
Copy the full code of this recipe from the code/10/active-state
source folder. You can launch this code using the URL: http://localhost:8080/10/active-state/main.html
.
Create the
active-state.css
stylesheet to style the active state, as follows:.ui-btn-active { border: 1px solid #137000; background: #93ff86; font-weight: bold; color: #000; text-shadow: 0 1px 1px #eee; cursor: pointer; text-decoration: none; background-image: -webkit-gradient(linear, left top, left bottom, from( #a1ff93), to( #14b800)); background-image: -webkit-linear-gradient( #a1ff93, #14b800); background-image: -moz-linear-gradient( #a1ff93, ...