Custom Input type submit style not working with jquerymobile button

Question

I want to use my custom style on input type  submit   button with jquerymobiles button but it is not working  My html code is    lt input type  submit   value  Button name  gt    My css code is   input type  submit         border 1px solid red      text-decoration none      font-family helvetica      color red      background url    images btn hover png  repeat-x      Same style applies when I use following html code    lt a href     class  selected btn  data-role  button  gt Button name lt  a gt

User · Answer

I m assume you cannot get css working for your button using anchor tag  So you need to override the css styles which are being overwritten by other elements using  important property   HTML   lt a href     class  selected btn  data-role  button  gt Button name lt  a gt    CSS   selected btn       border 1px solid red      text-decoration none      font-family helvetica      color red  important                  background url  http   www lessardstephens com layout images slideshow big png   repeat-x      Here is the demo

User · Answer

jQuery Mobile  gt   1 4 Create a custom class  e g   custom-btn  Note that to override jQM styles without using  important  CSS hierarchy should be respected   ui-btn custom-class or  ui-input-btn custom-class   ui-input-btn custom-btn      border 1px solid red     text-decoration none     font-family helvetica     color red     background url img png  repeat-x     Add a data-wrapper-class to input  The custom class will be added to input wrapping div   lt input type  quot button quot  data-wrapper-class  quot custom-btn quot  gt    Demo   jQuery Mobile  lt   1 3 Input button is wrapped by a DIV with class ui-btn  You need to select that div and the input type  quot submit quot    Using  important is essential to override Jquery Mobile styles   Demo  div ui-btn  input type  quot submit quot      border 1px solid red  important   text-decoration none  important   font-family helvetica  important   color red  important   background url    images btn hover png  repeat-x  important

[css] Custom Input[type="submit"] style not working with jquerymobile button

Examples related to css

Examples related to html

Examples related to jquery-mobile