1

我正在将一些旧代码移至 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%);

我该如何解决这个问题？

4

2 回答 2

1

文本和黑色斑点的移位是div您放在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>
于 2013-08-16T09:45:08.947 回答
0

解决它的一种方法是不使用 GWT 按钮，而是使用 JQM 按钮，然后在自定义主题中添加 CSS 样式。

虽然 JQM 似乎不允许在按钮中手动换行，但在如何在 jQuery Mobile 按钮中进行手动换行中描述了一种解决方法？

于 2013-08-19T07:28:22.683 回答