The jQueryMobile framework uses the ui-btn-hover
class to theme the button hover event. This recipe shows you how to override the style for the button hover event of an existing swatch.
Copy the full code of this recipe from the code/10/button-hover
source folder. You can launch this code using the URL: http://localhost:8080/10/button-hover/main.html
.
Create
main.html
, and add the following<style>
tag to the<head>
section:<link rel='stylesheet' href= 'http://code.jquery.com/mobile/1.1.1/jquery.mobile- 1.1.1.min.css' /> <style> .ui-btn-hover-a { border: 1px solid #115e00; background: #51b54a; font-weight: bold; color: #fff; text-shadow: 0 1px 1px #197d19; background-image: -webkit-gradient(linear, left top, left bottom, from( #7ad66f), to( #41a343)); background-image: -webkit-linear-gradient( #7ad66f, #41a343); background-image: -moz-linear-gradient( #7ad66f...