Html 如何移动按钮背景?

Html 如何移动按钮背景?,html,css,wordpress,Html,Css,Wordpress,我移动按钮背景时遇到问题。我已经确定了一个类,它使我能够将按钮文本移动到我喜欢的任何地方,但我希望按钮背景也能随之移动 Html: 这适用于文本,但背景和fafa保持不变 您可以使用“背景位置”重新排列背景图像 .google_map_link { background-position:0 10px; } 您的背景和图标不会移动,因为第一个具有固定高度,第二个具有垂直对齐 .location { ... height: 24px; } .single_job_listing .met

我移动按钮背景时遇到问题。我已经确定了一个类,它使我能够将按钮文本移动到我喜欢的任何地方,但我希望按钮背景也能随之移动

Html:

这适用于文本,但背景和fafa保持不变


您可以使用“背景位置”重新排列背景图像

.google_map_link {
   background-position:0 10px;
} 

您的背景和图标不会移动,因为第一个具有固定高度,第二个具有垂直对齐

.location {
...
height: 24px;
}
.single_job_listing .meta .location:before {
...
vertical-align: top;
}

禁用这些样式,当您添加
.google\u map\u link{margin top:10px;}

时,它们会随着文本移动,但这将更改div
下的所有按钮。location
?我不能
google\u map\u link{height:unset vertical align:unset;
?您可以添加任何类,如
  • 和编写样式:
    我的位置li.location{height:auto;}.single\u job\u listing.meta.location.my location li:before{vertical align:unset;}
    。检查您在回答中所说的内容。现在背景选择但不移动。
    页边距顶部10px;
    只是将顶部的按钮放大10px;@One89详细描述您想对按钮做什么,以及“移动背景”是什么意思?也许我没有正确理解你的帖子。谢谢,但是没有更简单的方法吗?我所有的按钮现在都在做…你可以在你想更改的按钮上添加一个id,然后在该id上使用背景位置。如果没有使用背景图像,你可以在发布的链接中看到。请更新或删除你的答案:)
    。谷歌地图_link
    只是你的文本。如果你想移动所有内容,你需要编辑
  • 元素或
    .location
    类。好的。谢谢。据我所知,
    .location
    控制另一个插件的映射按钮,并在单独的div下操作。你写了这个HTML代码吗?如果你能控制它,就把ID作为suG在下面的答案中列出。嗨。谢谢你的消息。不是你写的。这是一个插件。有控制权,但不愿意直接编辑插件。如果有可能,请使用css?我明白了…看起来像
    。location
    仅用于此特定页面中的按钮。如果你只能在该页面上放置css,你可以使用
    .location
    类。如果否则,您需要在父组件中创建自己的ID,并使用CSS选择导航到该组件,如
    #我的自定义ID>div.location
    .google_map_link {
       background-position:0 10px;
    } 
    
    .location {
    ...
    height: 24px;
    }
    .single_job_listing .meta .location:before {
    ...
    vertical-align: top;
    }