Html jQuery移动输入宽度

Html jQuery移动输入宽度,html,css,jquery-mobile,Html,Css,Jquery Mobile,我似乎无法更改jQuery移动页面上标记的宽度,有什么想法吗 jQuery Mobile将所有输入类型包装在一个div中,其中包含class.ui输入文本,但type=search中包含class.ui输入搜索的除外。您只需重写这些类 所有输入类型: div.ui-input-text { width: 50px !important } 输入类型搜索: div.ui-input-search { width: 50px !important } 要使按钮环绕文本,请使用data inli

我似乎无法更改jQuery移动页面上
标记的宽度,有什么想法吗


jQuery Mobile将所有输入类型包装在一个div中,其中包含class
.ui输入文本
,但
type=search
中包含class
.ui输入搜索
的除外。您只需重写这些类

所有输入类型:

div.ui-input-text { width: 50px !important }
输入类型搜索:

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

要使按钮环绕文本,请使用data inline=“true”



override
div.ui-input-text
div.ui-input-search
用于搜索输入,因为
type=search
与其他输入类型不同。在答案中弹出该选项,我将接受@Omar-完美,我已经与之混淆多年了!!![谢谢!]您也可以覆盖
.ui btn
,但这将覆盖该类的所有按钮。或者,use
Demo用自定义按钮更新。@Omar:Hi Omar,我认为submit buttons类是
ui input btn
而不是
ui input text
。为
ui-input-text
ui-input-btn
设置相同的宽度实际上并不反映ui上相同的宽度。Weird@Malloc嗨,我来查一下。如果你使用它,1.4可能会有所不同。您使用的是
input
还是
按钮
标签?我在上面写评论时使用了input标签。但现在我使用的是按钮标签,宽度问题已经解决:)如何更改一个JQM输入的大小?CSS选择器不适用于我。@Vito这应该由js完成。或者用div包装该输入,给该div一个类或id,然后用CSS覆盖它。例如,
.foo.ui输入文本{new styles}
。接受的答案对我不起作用,但对我有效。谢谢
<input  data-inline="true" id="btn_1"  type="button" value="click here"/></h4>