如何在正文中匹配JQuery移动标题按钮的样式?

如何在正文中匹配JQuery移动标题按钮的样式?,jquery,jquery-mobile,button,Jquery,Jquery Mobile,Button,在上,标题中有一个主页按钮。我想匹配你在页面底部看到的主页按钮中的确切样式。JQM框架在header按钮中应用了一些混合类,但我似乎不知道如何应用这种样式,以便底部按钮匹配 例如,底部按钮中的字体大小和按钮本身都较大。我不想把底部按钮放在页脚上,因为已经有一个固定的页脚,我不想引起太多的注意,应该只是一个简单的按钮返回主页。有人能帮忙吗?谢谢 首先,将id添加到第二个按钮并添加这些样式 #second-button { font-size: 12.5px; padding-lef

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


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

首先,将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开发都非常有用。一切都好。

首先,在第二个按钮上添加一个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开发都非常有用。祝你一切顺利。

我觉得它们都一样。。。除了一个更大外,顶部按钮根据它所在的包装器div获得一些样式。只将样式应用于底部按钮会更简单,而不是将其包装在必要的父元素中并添加所有这些类Hanks Joshua,我尝试过这样做,但按钮根本没有改变。要么我从Firebug中获取了错误的样式,要么我将它们应用到了错误的元素。有人可以发布一个带有代码的解决方案吗?我觉得它们都一样。。。除了一个更大外,顶部按钮根据它所在的包装器div获得一些样式。只将样式应用于底部按钮会更简单,而不是将其包装在必要的父元素中并添加所有这些类Hanks Joshua,我尝试过这样做,但按钮根本没有改变。要么我从Firebug中获取了错误的样式,要么我将它们应用到了错误的元素。有人可以发布一个带有代码的解决方案吗?+1回答很好。就我个人而言,我更喜欢包括在内,因为它比Firebug更容易使用。问候我没试过,斯塔诺。Firebug满足了我所有的需要。。但你永远不会知道其他东西的好处,直到你遇到它。我一定会查出来的,谢谢。@Joshua:谢谢你的密码。你是从Firebug那里读到这些风格的?我想我需要加快速度——不清楚在Firebug界面中应该走到哪里才能准确地知道使用了哪些样式。@user2736184请选择正确的答案answer@JoshuaKissoon同意,这些是所需的更改,但我无法成功应用它们。以下内容无效。是否需要某种类型的复合选择器#bottomhome{font size:12.5px;左侧填充:30px;右侧填充:11px;}+1回答正确。就我个人而言,我更喜欢包括在内,因为它比Firebug更容易使用。问候我没试过,斯塔诺。Firebug满足了我所有的需要。。但你永远不会知道其他东西的好处,直到你遇到它。我一定会查出来的,谢谢。@Joshua:谢谢你的密码。你是从Firebug那里读到这些风格的?我想我需要加快速度——不清楚在Firebug界面中应该走到哪里才能准确地知道使用了哪些样式。@user2736184请选择正确的答案answer@JoshuaKissoon同意,这些是所需的更改,但我无法成功应用它们。以下内容无效。是否需要某种类型的复合选择器#bottomhome{字体大小:12.5px;左侧填充:30px;右侧填充:11px;}