CSS 帮助去除轮廓

Question

正在寻找正确的 css 代码来删除价格 $489.00 周围的轮廓，在页面的中间找到 http://www.korekote.com/epoxy-coating/

希望有人能帮忙

谢谢，

基思

Answer 1

当前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 设置为 class product woocommerce add_to_cart_inline。

Answer 2

边框来自内联 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 3

希望对您有所帮助。

只需更新标签属性。

来自 :

<p class="product woocommerce add_to_cart_inline " style="border:4px solid #ccc; padding: 12px;">
<span class="amount">9.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">9.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 帮助去除轮廓

CSS help to remove outline

css

woocommerce