search

taitems / iOS-Inspired-jQuery-Mobile-Theme

iOS-inspired theme for jQuery Mobile
http://taitems.github.com/iOS-Inspired-jQuery-Mobile-Theme
483 stars 143 forks source link

add style for button/list view links: highlight on click #30

Closed DivineDominion closed 11 years ago

DivineDominion commented 12 years ago

I created a quick fix to highlight listview links via CSS on tap/hold (more responsive!). This is the code I added to a custom style sheet:

.ui-btn.ui-btn-down-c:not(.ui-slider-handle):not(label):not(.ui-btn-left):not(.ui-btn-right):not(.ui-input-clear) .ui-btn-text,
.ui-btn.ui-btn-down-c:not(.ui-slider-handle):not(label):not(.ui-btn-left):not(.ui-btn-right):not(.ui-input-clear) .ui-btn-text a,
.ui-page:not(.ui-dialog) .ui-content li.ui-btn.ui-btn-down-c p {
    color: white !important;
    text-shadow: none;
}

Also, it makes the text white & readable, which currently isn't the case (but it is like this on iOS).

taitems commented 11 years ago

Implemented in latest release. Good in desktop, a bit finicky in the mobile simulator.