如何在正文中匹配JQuery Mobile页眉按钮的样式

Question

在这个页面上，标题中有一个Home按钮。我想与你在页面底部看到的主页按钮中的确切样式相匹配。JQM框架在标题按钮中应用了一些类的混合，但我似乎不知道如何应用这种风格，以便底部按钮匹配。

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

Answer 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来检查这两个元素并检查它们之间的差异。我强烈建议安装firebug（一个firefox插件）。它对于任何涉及html、css和javascript的前端web开发都非常有用。一切顺利。