KnowledgeHub
Questions
Tags
Users
Search
Alex Rivera
|
Logout
Edit Question
Title
Body
Whenever I click a button with my mobile device (android) on a twitter boostrap button but button gets odd styling like the mouse is still over and doesn't release until I click another element. This is not the active class being applied to an element. It's subtle but very annoying, especially when I try to apply styles to the button they dont show up until i click on a different element. Try going to http://twitter.github.com/bootstrap/base-css.html#buttons on a mobile device and click a button you'll see what i mean I tried triggering all sorts of events with jquery but nothing worked, this is a snippet i have at the END of my javascript $(document).on('tapclick', '.btn', function() { $(this).blur(); $(this).trigger('mouseup'); }); and tried overriding css stylings on hover .btn a:hover,.btn a:link,.btn a:visited,.btn a:active{ text-decoration: none !important; cursor: default !important; background-color: transparent !important; background-image: none !important; }
Tags (comma-separated)
Save Edits
Cancel