Question

寻找正确的css代码，以便在页面中间找到价格为$ 489.00的大致轮廓http://www.korekote.com/epoxy-coating/

我希望有人可以提供帮助。

谢谢，

基思

Answer 1

Border来自内联HTML，如下所示：

当前HTML：

<p style="padding: 12px; border: 4px solid rgb(204, 204, 204);" 
class="product woocommerce add_to_cart_inline ">..</p>

像这样更改以删除边框：

<p style="padding: 12px;" class="product woocommerce add_to_cart_inline ">..</p>

解决方案2： 已更新

根据你的要求改变了这样的css：

.product.woocommerce.add_to_cart_inline {
    border: 0 !important;
}

Answer 2

当前HTML

<P class="product woocommerce add_to_cart_inline " 
 style="BORDER-BOTTOM: #ccc 4px solid;
 BORDER-LEFT: #ccc 4px solid;
 BORDER-TOP: #ccc 4px solid;
 BORDER-RIGHT: #ccc 4px solid; 
 PADDING-BOTTOM: 12px;
 PADDING-LEFT: 12px; 
 PADDING-RIGHT: 12px; 
 PADDING-TOP: 12px" >

由此我们需要删除所有边界，即需要将border：none设置为类product woocommerce add_to_cart_inline。

Answer 3

希望这有帮助。

只需更新代码属性。

来自：

<p class="product woocommerce add_to_cart_inline " style="border:4px solid #ccc; padding: 12px;">
<span class="amount">$489.00</span>
<a href="http://www.korekote.com/product/kretekote/" rel="nofollow" data-product_id="6911" data-product_sku="#52000" data-quantity="1" class="button add_to_cart_button product_type_variable">Select options</a>
</p>

为：

来自：

<p class="product woocommerce add_to_cart_inline ">
<span class="amount">$489.00</span>
<a href="http://www.korekote.com/product/kretekote/" rel="nofollow" data-product_id="6911" data-product_sku="#52000" data-quantity="1" class="button add_to_cart_button product_type_variable">Select options</a>
</p>

Answer 4

如果您通过WooCommerce add_to_cart短代码添加了此按钮，则需要传递一个空样式参数，例如：

[add_to_cart id="99" style=""]

否则，WooCommerce使用其默认样式，由于某种原因，它是4px边框。

CSS有助于删除大纲

4 个答案: