Question

我一直在尝试为BigCommerce平台上的页面做一些样式，对于某些组件，我找不到样式和/或我不想弄乱它们。对于img内的div，如下所示：

<div class="col-md-6 col-xs-6 saleBanner"><a href="https://www.MyURL.com/product-sale"><!-- pagebreak --><img class="SaleCategory" src="https://cdn3.bigcommerce.com/s-mystore/product_images/uploaded_images/myimg.png" alt="" /></a></div>

我尝试将style = "border-radius: 50%"添加到div标记，但没有任何更改。我不确定它是否以这种方式工作，或者我在该平台上使用的内置“编辑器”不允许我出于任何原因这样做。我知道这可能不是为组件设置样式的正确方法，但在已经设置样式的页面上设置元素样式的最佳方法是什么？

谢谢

Answer 1

问题在于使用=而不是：

您尝试过：style="border-radius=50%"

请改为：style="border-radius: 50%"

Answer 2

如果我理解正确，这就是你想要完成的事情？

.saleBanner{
  height: 10em;
  width: 10em;
  background: red;
  border-radius: 10%;
}

<div class="saleBanner" style="border-radius: 50%;">

</div>

内联css样式将覆盖外部css样式，因为它们更具体。确保你的内联样式中包含分号，这些仍然是必要的。

Answer 3

显然，内联样式与外部样式类同时工作。我只是看不到圆角，因为border-color是白色的。谢谢你的帮助。

有没有办法可以同时使用内联样式和CSS类？

3 个答案: