Safari上的线性渐变包裹着四周

Question

我有一个wordpress主题css覆盖。我希望在小部件标题下有线性渐变。

我使用了以下代码：

.widget-title {
    border-bottom: 3px solid;
    border-image: linear-gradient(to right, green 10%, orange 25%, yellow 50%,purple 50%, indigo 75%, indigo 75%) 5;
    padding-left: 0px;
    padding-right: 0px;

在chrome和firefox上，它就像我想要的那样强调标题。

在Safari上，它会在标题周围创建一个边框。

Safari

Chrome

Answer 1

尝试使用以下内容：

border-width: 0 3px 3px 3px;
border-top: none;