解决jqm 的表单元素的样式问题

 

最近一直在用jqm开发，遇到在开发表单的时候不能把它lab 和 表单元素放到一行；

应为受到了jqm的框架的限制；

在创建表单元素的时候就应用了jqm的样式，

通过 data-role="none" 来取消jqm对from的格式化，

然后自定义样式达到期望的效果，

特意留下来放便以后查阅……

 

---

在320*480 上展示了三种不同的表单样式;

<div data-role="fieldcontain" data-theme="e">
<label for="goodnum">订购数量：</label>
<input type="number" name="goodsnum" data-role="none" style=" display:inline-block; border-radius:0.6em 0.6em 0.6em 0.6em; padding:0.4em;line-height: 1.4;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;border: 1px solid #F7C942; background:#FAEB9E">
</div>