码迷,mamicode.com
首页 > 移动开发 > 详细

html5+jQuery Mobile开发移动端wap经验总结(二)- a / input样式重新定义

时间:2014-11-05 17:24:19      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:html5   jquery mobile   wap   

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样式重新定义

标签:html5   jquery mobile   wap   

原文地址:http://blog.csdn.net/comeonstone/article/details/40823041

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!