jQuery mobile中,很多样式都是写好的,虽然有主题,但是对于个性化的wap网站来说,还是很难驾驭的。
使用html5+jQuery Mobile做了几个页面之后,中间所遇到的问题,以及解决方法,现在加以总结,以便过后查阅。
问题:
1、a的颜色重新定义问题
2、input中button颜色问题、
input输入框中,左边图标展示问题(文字缩进)
3、上文中的图标自定义问题【上文已经说明,通过ui-icon-XXX:after进行重新定义】
解决:
1-2、a / input的重新定义均可使用
.ui-page-theme-a a.c_hot_60{ color:#ff6600;}
.ui-page-theme-a input.btn-green{ background: url(../images/btn_green.png) no-repeat; background-size: 100% 100%;}
注:在标签中,添加相应class,同时需要标注主题,例如<a href="#" data-theme="ui-page-theme-s" class="c-hot-f60 fr">新用户注册</a>。input使用方法同此一致。
如果不需要标注主题,直接写input.ti_3{ text-indent:3em;}也可以。
html5+jQuery Mobile开发移动端wap经验总结(二)- a / input样式重新定义
原文地址:http://blog.csdn.net/comeonstone/article/details/40823041