ввода текста фон проблема в 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 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