JQuery Mobile - установить текстовое поле фона

Я пытаюсь установить цвет фона поля текстового поля JQuery Mobile, однако фон не покрывает все текстовое поле. Как вы можете видеть на изображении ниже слева и справа от элемента управления, есть части, которые не наследуют цвет фона.JQuery Mobile - установить текстовое поле фона

enter link description here

Проблема

Проблема заключается в том, что JQuery Mobile добавляет динамически некоторые div оберток и текстовое поле оказывается, как этот

<div class="ui-input-text ui-shadow-inset ui-corner-all ui-btn-shadow ui-body-c"> 
    <input type="text" name="name" class="inputreq ui-input-text ui-body-c" id="name" value=""> 
</div>

Если установить цвет фона на div обертка будет охватывать все текстовое поле, но как я могу это сделать с чистым CSS? Есть ли способ установить стиль родителя элемента?

Работает jsfiddle с приведенным выше примером. Есть ли смелый воин JQM, который мог бы мне помочь?

источник

2013-08-26 Anton Belev

CSS 'div.ui-inpux-текст {ваш стиль здесь}' Но это перекроет все типы входных данных для 'типа = search' исключением. http://jsfiddle.net/Palestinian/VqSzw/2/ – Omar

@Omar. Вы правы, но я не хочу, чтобы это произошло, так как я хочу, чтобы только нужные поля имели фон. –

Тогда ваш единственный способ сделать это программно. – Omar

Использование

.ui-shadow-inset, ui-corner-all, ui-btn-shadow, ui-body-c 
{ 
    background-color: #D5EEFF !important; 
}

Если переопределить какой-либо другой компонент, удалить награду этот CSS.

UPDATE

$(".inputreq").parent().css("background-color", "#D5EEFF");

jQuery workaround

источник

2013-08-26 14:02:49 PiLHA

Это обходное решение мне не поможет - причина в том, что я хочу установить цвет фона только в обязательных полях, а не во всех полях. Также в вашем решении, как я могу различать требуемое поле и регулярное - я заканчиваю тем же вопросом, что и на данный момент, поскольку класс CSS, который я установил для элемента управления, все еще находится внутри обертки div, добавленной JQM. –

Я понимаю вашу проблему. Посмотрите, поможет ли это другое решение. – PiLHA

Спасибо за предложение. Это может помочь, но я предпочел бы чистое решение CSS. Я подожду, посмотрю, есть ли другие предложения. –

JQuery Mobile - установить текстовое поле фона

ответ

Смежные вопросы