2013-08-16 115 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