This is a migrated thread and some comments may be shown as answers.

Loss of tap highlight

0 Answers 31 Views
Button (Mobile)
This is a migrated thread and some comments may be shown as answers.
Dennis
Top achievements
Rank 1
Dennis asked on 19 Oct 2012, 03:30 PM
I am using the mobile button widget, but tweaking the style. Running in Chrome on the desktop (w/ iPad user agent) the button does not draw a box shadow, which is what I want. Running on the iPad simulator or actual device, there is a border around the button. If I use the remote inspector in Safari to play with styles, I can turn the box-shadow off, as shown/defined here, and it looks and works fine:

.km-ios .km-button {
    ...
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.3);
}

So when I define a custom style to override this, it removes the border but I lose the highlight feedback on touch/tap of the button. I've defined the custom style like this:

#tasklist .km-button {
    box-shadow: none;
    -webkit-box-shadow: none;
}

I've also tried redefining it as the same box-shadow values except not "inset". Same result. Any ideas?

No answers yet. Maybe you can help?

Tags
Button (Mobile)
Asked by
Dennis
Top achievements
Rank 1
Share this question
or