jquery - jQuery Mobile 升级后输入文字背景问题

Question

首先，下面是我使用的风格

.iblack input,.iblack textarea
{
  box-shadow: 0px 1px 4px 4px rgb(0, 0, 0) inset !important;
}

之前我使用的是 jQuery Mobile 1.2 和 jQuery 1.8，一切都很好。在这里查看现场 fiddle http://jsfiddle.net/qPKLZ/

今天我升级到 jQuery Mobile 1.3 和 jQuery 1.9，发现背景样式没有正确应用。现场 fiddle 在这里 http://jsfiddle.net/ECxve/

谁能指出我究竟出了什么问题？

我什至在文本输入本身上尝试了 background-color 以发现观察到的相同行为。

Answer 1

第一个 fiddle 标记在输入元素上应用圆 Angular

<div class="iblack">
    <input id="hoursMon" name="hoursMon" type="number" value="" data-mini="true" class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset ui-mini">
</div>

但是在你的第二个 fiddle 中有一个额外的 div 包装器来处理圆 Angular

<div class="iblack">
    <div class="ui-input-text ui-shadow-inset ui-corner-all ui-btn-shadow ui-body-c ui-mini">
        <input id="hoursMon" name="hoursMon" type="number" value="" data-mini="true" class="ui-input-text ui-body-c"></div>
</div>

通过设置 div 样式而不是输入样式来修复它...类似

.iblack .ui-corner-all
{
  box-shadow: 0px 1px 4px 4px rgb(0, 0, 0) inset !important;
}

jsfiddle