将边框 CSS 覆盖到 WordPress 中自定义 CSS 下的单个边框？答案

【问题标题】：Override border CSS into individual borders under Custom CSS in WordPress?将边框 CSS 覆盖到 WordPress 中自定义 CSS 下的单个边框？
【发布时间】：2019-08-23 23:28:46
【问题描述】：

据我所知，我只能通过在自定义 CSS 下覆盖它们来禁用 CSS 属性。当前的 CSS 边框是，

.pewc-column-wrapper .pewc-checkbox-image-wrapper {
    border: 4px solid transparent;
}

我想删除边框属性并将其替换为单独的顶部、右侧、底部。以下不起作用。还有其他想法吗？

.pewc-column-wrapper .pewc-checkbox-image-wrapper {
    border-top: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-bottom: 4px solid transparent !important;
}

【问题讨论】：

欢迎来到 Stack Overflow！寻求代码帮助的问题必须包括在问题本身最好是在Stack Snippet 中重现它所需的最短代码。见How to create a Minimal, Reproducible Example
...但请注意，您的第二个代码 sn-p 实际上并没有改变任何东西 从以前的设置。
这很奇怪，原来的样式是4px solid transparent，你想用4px solid transparent覆盖？一样一样吗？
如果您正确阅读了我的问题，我只想在右上角和底部设置边框，而不是左边框。

标签： html css wordpress wordpress-theming

【解决方案1】：

border-color:red green blue yellow;

在你的情况下，

border-color:transparent transparent transparent transparent;

【讨论】：

【解决方案2】：

试试下面。

.pewc-column-wrapper .pewc-checkbox-image-wrapper {
    border-top: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-bottom: 4px solid transparent !important;
    border-left: 0px solid transparent !important;
}

或者尝试用填充替换边框。如下所示。

.pewc-column-wrapper .pewc-checkbox-image-wrapper {
    border: 0px solid transparent;
    padding: 1px 1px 1px 0px;
}

【讨论】：