按钮在点击时扩展大小

Question

在我的Wordpress站点中，点击“READ MORE”按钮时，按钮的大小会扩大，并在导向相关链接之前制作一个大的“黑色”块？

我已经尝试将按钮的'悬停'颜色更改为'透明'，但只需将“READ MORE”文字改为透明块的顶部？

Website Link

a.button.add_to_cart_button, 
a.button.product_type_simple { 
    bottom: 22px; 
    position: absolute; 
} 

Answer 1

这是因为.woocommerce页a.button：活性具有顶部：0; ，你应该改变如下：

a.button:active { 
    top: inherit !important; 
}