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，一切都很好。在这里查看现场小提琴http://jsfiddle.net/qPKLZ/

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

有人能指出我到底出了什么问题吗？

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

Answer 1

第一个小提琴标记在输入元素上应用圆角

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

但是在你的第二个小提琴中有一个额外的 div 包装器来处理圆角

<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