jquery - 如何匹配正文中 JQuery Mobile 标题按钮的样式？

Question

在此页面上，标题中有一个主页按钮。我想与您在页面底部看到的主页按钮中的确切样式相匹配。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（一个 firefox 插件）。它对于任何涉及 html、css 和 javascript 的前端 Web 开发都非常有用。一切顺利。