2013-08-16 4 views
3

Я не могу изменить ширину тегов <input> на моей странице мобильного jQuery, любые идеи?jQuery Перемещение ширины ввода

http://www.nuhack.com/stackoverflow-question/

+0

переопределение 'div.ui-вход-Text' и' div.ui-вход-search' для поиска ввода http://jsfiddle.net/Palestinian/bRszY/ как 'тип = search' отличается другие типы ввода. – Omar

+0

Поп это в ответ, и я приму это @Omar - отлично, я уже давно возился с этим !!! [THANKS!] –

+1

вы также можете переопределить '.ui-btn', но это переопределит все кнопки этого класса. В качестве альтернативы используйте '' с 'data-role = button' и присвойте ему пользовательский класс, а затем переопределите его, т.е.' .ui-custom-btn {width: 50px! Important} 'http://jsfiddle.net/Palestinian/ bRszY/Demo обновляется с помощью специальной кнопки. – Omar

ответ

11

JQuery Mobile оборачивает все типы входных данных в DIV с классом .ui-input-text для type=search, который имеет класс .ui-input-search исключением. Все, что вам нужно, это переопределить эти классы.

Demo

Все типы входов:

div.ui-input-text { width: 50px !important } 

вход Тип поиска:

div.ui-input-search { width: 50px !important } 
+0

Я согласен в 3 минуты;) –

+0

@Neurofluxation Я рад, что я помог :) – Omar

+0

@Omar: Привет, омар, я думаю, что кнопки кнопок отправки 'ui-input-btn', а не' ui-input -text'. Установка одинаковой ширины для 'ui-input-text' и' ui-input-btn' фактически не отражает ту же ширину в пользовательском интерфейсе. Weird – Malloc

3

сделать кнопку, обернутый вокруг текста, использование данных рядный = "true"

<input data-inline="true" id="btn_1" type="button" value="click here"/></h4> 
+0

принятый ответ не работает для меня, это. благодаря – SamChen