分享
为什么问答平台  ›  专栏  ›  技术社区  ›  sakow0

CSS边框颜色不变,尝试了所有操作 - CSS Border Colour wont change, tried everything

  •  0
  • sakow0  · 技术社区  · 1 周前

    我今天已经开始使用CSS样式,有一件事我想不出要改变标签边框的颜色,我尝试了StackOverflow中的许多例子,但没有成功。有问题的标签在 https://www.donermeister.co.uk/product/doner-kebab-beef/ 在右边,一旦选择了标签,我希望边框改变颜色,我尝试的是:

    .ywapo_selected {
      border: 15px solid green;
    }
    

    如果没有成功,我会感激你的帮助。我可以检查背景色,每种文字都不只是边界,这太令人沮丧了。

    1 回复  |  直到 1 周前
        1
  •  1
  •   Christopher Ngo    1 周前

    问题是,您还定义了:

    .ywapo_input_container.ywapo_input_container_labels.ywapo_selected {
         border-color: #999595;
    }
    

    这有很高的特异性,这基本上就是说,选择器越精确,应用样式的可能性就越高。

    要执行此操作,需要设置更高级别的重要性:

    您可以执行以下任一操作:

    1)使用!重要的关键字与你的选择,不是伟大的实践,但它得到的工作完成。

    .ywapo_selected {
        border: 15px solid #green !important
    }
    

    2)具有同样特定的选择器,更好的CSS实践:

    .ywapo_input_container.ywapo_input_container_labels.ywapo_selected{
        border: 15px solid #green
    }