2013-08-16 84 views
3

我似乎无法改变我的jQuery Mobile页面上<input>标签的宽度,有什么想法?jQuery Mobile输入宽度

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

+0

重写'div.ui-input-text'和'div.ui-input-search'用于搜索输入http://jsfiddle.net/Palestinian/bRszY/由于'type = search'不同于其他输入类型。 – Omar

+0

流行,在一个答案,我会接受它@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:您好omar,我认为提交按钮类是'ui-input-btn'而不是'ui-input -text'。为'ui-input-text'和'ui-input-btn'设置相同的宽度实际上不会在UI上反映相同的宽度。奇怪 – Malloc

3

使文本周围包裹按钮,使用的数据在线=“true”

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

接受的答案不适用于我,这是。谢谢 – SamChen