大佬教程收集整理的这篇文章主要介绍了水平选择全宽jQuery Mobile,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
你应该能够从http://jsfiddle.net/DjsWv/14/了解我的问题
我开始时:
<fieldset data-role="controlgroup" data-type="horizontal"> <legend>Date of Birth:</legend> <SELEct name="SELEct-choice-month" id="SELEct-choice-month" data-icon="false"> <option >Month</option> <option value="jan">Jan</option> </SELEct> <SELEct name="SELEct-choice-day" id="SELEct-choice-day" data-icon="false"> <option >Day</option> <option value="1">1</option> </SELEct> <SELEct name="SELEct-choice-year" id="SELEct-choice-year"> <option >Year</option> <option value="2011">2012</option> </SELEct> </fieldset>
这里的问题是我不喜欢宽度不满或100%
HTML
<fieldset data-role="controlgroup" data-type="horizontal" class="custom-fieldset"> <legend>Date of Birth:</legend> <SELEct name="SELEct-choice-month" id="SELEct-choice-month" data-icon="false"> <option >Month</option> <option value="jan">Jan</option> </SELEct> <SELEct name="SELEct-choice-day" id="SELEct-choice-day" data-icon="false"> <option >Day</option> <option value="1">1</option> </SELEct> <SELEct name="SELEct-choice-year" id="SELEct-choice-year"> <option >Year</option> <option value="2011">2012</option> </SELEct> </fieldset>
CSS
.custom-fieldset .ui-controlgroup-controls { width: 100% !important; } .custom-fieldset .ui-controlgroup-controls .ui-SELEct { width: 33.33% !important; }
不要忘记在字段集中添加自定义类名,在我的例子中,它被称为:custom-fieldset
编辑
在ericjbasti评论之后,这是一个自定义ID和没有的解决方案!重要:http://jsfiddle.net/Gajotres/PUVkw/1/
以上是大佬教程为你收集整理的水平选择全宽jQuery Mobile全部内容,希望文章能够帮你解决水平选择全宽jQuery Mobile所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。