mobile表单的创建方法详解(2)

/*为工具条添加样式 改变背景色 需要改俩个地方:background 和 background-image*/ .ui-bar-f{border:1px solid #333; background:#f00; color:#fff;font-weight:700; text-shadow:0 -1px 0 #000; background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#111)); background-image:-webkit-linear-gradient(#3c3c3c,#111); background-image:-moz-linear-gradient(#3c3c3c,#111); background-image:-ms-linear-gradient(#3c3c3c,#111); background-image:-o-linear-gradient(#3c3c3c,#111); background-image:linear-gradient(#3c3c3c,#111) } .ui-bar-f,.ui-bar-f input,.ui-bar-f select,.ui-bar-f textarea,.ui-bar-f button{font-family:Helvetica,Arial,sans-serif} .ui-bar-f .ui-link-inherit{color:#fff} .ui-bar-f a.ui-link{color:#7cc4e7;font-weight:700} .ui-bar-f a.ui-link:visited{color:#2489ce} .ui-bar-f a.ui-link:hover{color:#2489ce} .ui-bar-f a.ui-link:active{color:#2489ce} /*为内容添加样式*/ .ui-body-f{font-weight:bold;color:purple;} .ui-body-f,.ui-overlay-f{border:1px solid #444; background:#222;color:#fff; text-shadow:0 1px 0 #111; font-weight:400; background-image:-webkit-gradient(linear,left top,left bottom,from(#444),to(#222)); background-image:-webkit-linear-gradient(#444,#222); background-image:-moz-linear-gradient(#444,#222); background-image:-ms-linear-gradient(#444,#222); background-image:-o-linear-gradient(#444,#222); background-image:linear-gradient(#444,#222) } .ui-overlay-f{background-image:none;border-width:0} .ui-body-f,.ui-body-f input,.ui-body-f select,.ui-body-f textarea,.ui-body-f button{font-family:Helvetica,Arial,sans-serif} .ui-body-f .ui-link-inherit{color:#fff} .ui-body-f .ui-link{color:#2489ce;font-weight:700} .ui-body-f .ui-link:visited{color:#2489ce} .ui-body-f .ui-link:hover{color:#2489ce} .ui-body-f .ui-link:active{color:#2489ce}

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery切换特效与技巧总结》、《jQuery遍历算法与技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzzzwd.html