PhoneGap中文网

标题: 谁能告诉我jQueryMobile header里a标签的字体粗细在哪里改? [打印本页]

作者: 汗马    时间: 2015-1-9 23:29
标题: 谁能告诉我jQueryMobile header里a标签的字体粗细在哪里改?
告诉我header里的字体粗细在哪里改?

阿里百川梦想创业大赛,500万创投寻找最赞的APP

刚开始学JQM,做了一个简单的页面,代码类似下面这样,我现在的问题是,头部header的第一个连接<a.......>广西</a>的字体不管怎么改都显示粗体的,而且粗体的效果也别扭,笔画之间好像粘在一起,看似超级简单的问题折腾了我1天时间,我就想把它弄成普通字体: font-size:13px;font-weight:normal;

  1. <div data-role="page">

  2.     <div data-role="header" data-position="fixed">
  3.         <a href="#" data-role="none" style="font-size:13px;font-weight:normal;line-height:33px;color:#fff;text-decoration:none;font-family:Helvetica,Arial,sans-serif">广西</a>
  4.         <h1>我的测试网页</h1>
  5.         <div data-role="navbar">
  6.                 <ul>
  7.                     <li><a href="#" class="ui-btn-active">区域</a></li>
  8.                     <li><a href="#">总价</a></li>
  9.                     <li><a href="#">房型</a></li>
  10.                     <li><a href="#">面积</a></li>
  11.                 </ul>
  12.          </div>
  13.      </div>
  14.          
  15.     <div data-role="content">
  16.    
  17.     </div>

  18. </div>
复制代码

作者: 汗马    时间: 2015-1-10 00:54
等了那么久,最后还是得靠自己,问题解决了得贴方法出来:
原来是文字阴影在捣鬼,直接设置a标签style=text-shadow:none;
虽然又土又笨,但还是解决了

有个问题很郁闷,我已经设置a的data-role=none了,但是还是被JQM渲染了文字阴影。
还有,我在CSS文件里的相关类.ui-bar-×里把text-shadow都注释掉了,还是没能去掉阴影,只能直接在标签的style=text-shadow:none;
希望哪位前辈指点一下。

作者: admin    时间: 2015-1-10 13:02
汗马 发表于 2015-1-10 00:54
等了那么久,最后还是得靠自己,问题解决了得贴方法出来:
原来是文字阴影在捣鬼,直接设置a标签style=text- ...

  css的东西 可以调试工具多调试调试 确实得靠自己




欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/) Powered by Discuz! X3.2