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="#" data-theme="ui-page-theme-s" class="c-hot-f60 fr">新用户注册</a>。input使用方法同此一致。

如果不需要标注主题，直接写input.ti_3{ text-indent:3em;}也可以。