jqm除了data-role="none",如何让input和button在手机上一行显示?我需要jqm中input的样式

三色堇小盆友欧巴 发布于 2013/12/24 16:36
阅读 4K+
收藏 0
jqm除了data-role="none"禁用jqm中input样式外,如何让input和button在手机上一行显示?因为我需要jqm中input的样式。
加载中
0
三色堇小盆友欧巴
三色堇小盆友欧巴

 @多萨穆大叔  我搞定了,自己写的。谢谢啊。

<style>
input:focus{
-moz-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
-webkit-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
}
</style>
  <div data-role="fieldcontain" >
        发送给:
         <input data-role="none" class="ui-body-d ui-corner-all ui-shadow-inset" name="" id="" value="" type="text" style="background-image: none; min-height: 1.4em;  font-size: 16px; outline: 0; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; margin:.4em 0;width:40%;padding:0 4px;line-height:26px;" />
         <a style="width:30%;float:right;" data-mini="true" data-role="button"  data-ajax="false" href="#">点击选人</a>
         
    </div>

__FresHmaN
__FresHmaN
cool
0
__FresHmaN
__FresHmaN
data-inline="true"
三色堇小盆友欧巴
三色堇小盆友欧巴
@多萨穆大叔 是的,都设置了。<input data-inline="true" name="text" id="text" value="" type="text" /> <a data-inline="true" data-mini="true" data-role="button" data-ajax="false" href="#">点击</a>
__FresHmaN
__FresHmaN
回复 @Ringc : 两个都设置了?
三色堇小盆友欧巴
三色堇小盆友欧巴
不行哦,手机上input框和按钮还是没能在一行
0
三色堇小盆友欧巴
三色堇小盆友欧巴
三色堇小盆友欧巴
回复 @多萨穆大叔 :不行,input加data-mini只是改变了input的行高,还是有那么宽。
__FresHmaN
__FresHmaN
那前面的input设置成data-mini呢
返回顶部
顶部