jQuery Mobile和CSS按钮

Question

我正在将一些旧代码移动到jQuery Mobile并具有CSS三色按钮，但它似乎与JQM冲突，因为设计会变得混乱。

我做了一个jsFiddle，你可以看到按钮看起来没有JQM，但如果你打勾jQuery Mobile 1.3.1的文本太低（抵消？），我得到一个奇怪的黑色按钮。

我的按钮的背景是像 background: linear-gradient(to bottom, rgb(255, 255, 255) 33%, rgb(255, 98, 118) 33%, rgb(255, 98, 118) 66%, rgb(121, 178, 203) 66%);

如何解决此得到什么？

Answer 1

一种方法之前放，而是使用一个JQM按钮，然后在自定义主题中添加CSS样式。

虽然JQM似乎并没有允许在按钮手动换行符有在How do I do a manual line break in an jQuery Mobile button?

Answer 2

文字和黑色斑点的转变是div你解决它是不使用GWT按钮div.html-face

<div class="ui-input-text ui-shadow-inset ui-corner-all ui-btn-shadow ui-body-a"> 
       <input type="text" tabindex="-1" role="presentation" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;" class="ui-input-text ui-body-a"> 
      </div>