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:
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:
I've also tried redefining it as the same box-shadow values except not "inset". Same result. Any ideas?
.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?