Question

我正在使用Woocommerce插件购买我的购物车而且我的链接有问题，它只适用于Woocommerce页面。当我点击a.button div时，它会移动4px到顶部。我找不到这个问题的根源。尝试点击拇指或黑色按钮。

http://valeka.net/higher/?post_type=product

你能帮我看看我错过了什么吗？

Answer 1

border-top: 4px可能来自border-top: 0px状态的继承重置样式表，:active处于正常状态，:active可能是.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, ... { // margin: 0px;。

例如，禁用以下内容时：

button.button

此动作似乎不再影响“添加到购物车”按钮（但它仍会影响产品图像）。

对于.woocommerce a.button:active, .woocommerce button.button:active, .woocommerce input.button:active, .woocommerce #respond input#submit:active, .woocommerce #content input.button:active, .woocommerce-page a.button:active, .woocommerce-page button.button:active, .woocommerce-page input.button:active, .woocommerce-page #respond input#submit:active, .woocommerce-page #content input.button:active { top: 1px; }，你有：

filter

一旦删除，这将阻止{{1}}按钮在激活时移动1px。

Answer 2

找到它：

这是造成图像＆amp;按钮上去：

.woocommerce ul.products li.product:active,
.woocommerce-page ul.products li.product:active {
    margin-top: -1px !important;
}

layout-1200.css =＆gt; line°2992，禁用它，或将其删除。

当看到CSS文件中的名称时，我想，你必须在覆盖中或在所有CSS中执行它（我认为将有移动CSS到）

链接在点击时向上移动

2 个答案: