汗马 发表于 2015-1-9 23:29:09

谁能告诉我jQueryMobile header里a标签的字体粗细在哪里改?

告诉我header里的字体粗细在哪里改?

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

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

<div data-role="page">

    <div data-role="header" data-position="fixed">
      <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>
      <h1>我的测试网页</h1>
      <div data-role="navbar">
                <ul>
                  <li><a href="#" class="ui-btn-active">区域</a></li>
                  <li><a href="#">总价</a></li>
                  <li><a href="#">房型</a></li>
                  <li><a href="#">面积</a></li>
                </ul>
         </div>
   </div>
         
    <div data-role="content">
   
    </div>

</div>

汗马 发表于 2015-1-10 00:54:10

等了那么久,最后还是得靠自己,问题解决了得贴方法出来:
原来是文字阴影在捣鬼,直接设置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:27

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

{:4_86:}css的东西 可以调试工具多调试调试 确实得靠自己
页: [1]
查看完整版本: 谁能告诉我jQueryMobile header里a标签的字体粗细在哪里改?