如何在正文中匹配JQuery Mobile Header Button的样式?

时间:2013-08-31 20:20:48

标签: jquery jquery-mobile button

this page 上,标题中有一个Home按钮。我想在页面底部看到的主页按钮中匹配那个确切的样式。 JQM框架在标题按钮中应用了一些类的混合,但我似乎无法弄清楚如何应用该样式以使底部按钮匹配。

例如,底部按钮中的字体大小和按钮本身较大。我不想把底部按钮放在页脚中,因为已经有一个固定的页脚,我不想引起太多的注意,应该只是一个简单的按钮返回主页。有人能帮忙吗?谢谢!

1 个答案:

答案 0 :(得分:1)

首先,在第二个按钮中添加一个id并添加这些样式

#second-button
{
    font-size: 12.5px;
    padding-left: 30px;
    padding-right: 11px;

对于第二个按钮周围的锚标记

#second-button-a
{
    box-shadow: box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    border-radius: 6px;
}

你去兄弟。我使用firebug来检查2个元素并检查差异。我强烈建议安装firebug(一个firefox插件)。对于涉及html,css和javascript的任何内容,它对于前端Web开发非常有用。一切顺利。