Loss of tap highlight

1 posts, 0 answers
  1. Dennis
    Dennis avatar
    6 posts
    Member since:
    Sep 2012

    Posted 19 Oct 2012 Link to this post

    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?
Back to Top