css - jQuery Mobile 和 CSS 按钮

Question

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

我做了一个jsFiddle如您所见，没有 JQM，按钮看起来还不错，但是如果您勾选 jQuery Mobile 1.3.1，文本太低(偏移量？)并且我在按钮上看到一个奇怪的黑色 Blob 。

我的按钮背景是这样的 背景:线性渐变(到底部，rgb(255、255、255)33%、rgb(255、98、118)33%、rgb(255、98、118)66%、rgb(121、178) , 203) 66%);

我该如何解决这个问题？

Answer 1

文本和黑色 Blob 的移动是您放在 div.html-face 之前的 div

<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>