使用Jquery Mobile在页眉中使用链接按钮(无文本)的Css

时间:2011-10-13 08:00:34

标签: css jquery-mobile

嘿我已经为我制作了这个样本页面http://jsfiddle.net/9S3a3/12/,如果我们看一下按钮,它们下面有一个小阴影,我想删除那些阴影外观,我试着调整边距填充的东西但不是能够这样做。任何解决方案?

----------的修改 ----------

我在谈论后退按钮和齿轮按钮,请参阅此http://i.imgur.com/pgwxr.png

2 个答案:

答案 0 :(得分:1)

使用box-shadow类应用.ui-shadow。因此,编辑下面的CSS类将删除阴影:

<style>
[data-role="header"] a.ui-shadow {
    box-shadow: none ;
}
</style>

这将删除位于box-shadow元素内的.ui-shadow类的任何链接的data-role="header"

以下链接指向小提琴的更新版本:http://jsfiddle.net/9S3a3/14/

另外,我删除了大多数元素的文本和方框阴影,因为它有助于提高移动设备的性能。

答案 1 :(得分:0)

我没有得到你要问的按钮,但是,如果我错了,请纠正我。添加

#nav_header {
    border-bottom: none;
}

到您的CSS(http://jsfiddle.net/9S3a3/13/),以移除FeaturedNearNew按钮下的阴影(边框)。