Safariのリニアグラデーションはすべてラップしています

Question

私はワードプレスのテーマのCSSオーバーライドを持っています。私は、ウィジェットのタイトルの下で線形グラデーションを使いたいと思っていました。

私は、次のコードを使用：それは私がしたいだけのようタイトルを強調ChromeとFirefoxのオン

.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; 

を。

Safariでは、タイトルの周りに境界線が作成されます。

Safari

Chrome

Answer 1

以下使用してみてください。そうでNONE`、および：

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