首页 > 代码库 > html5+jQuery Mobile开发移动端wap经验总结(二)- a / input样式重新定义
html5+jQuery Mobile开发移动端wap经验总结(二)- a / input样式重新定义
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=http://www.mamicode.com/"#" data-theme="ui-page-theme-s" class="c-hot-f60 fr">新用户注册。input使用方法同此一致。
如果不需要标注主题,直接写input.ti_3{ text-indent:3em;}也可以。
html5+jQuery Mobile开发移动端wap经验总结(二)- a / input样式重新定义
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。