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; 

와 파이어 폭스는 내가 원하는 것처럼 제목을 강조한다 :

는 다음 코드를 사용했다.

Safari에서는 제목 주위에 테두리를 만듭니다.

Safari

Chrome

Answer 1

아래 사용해보십시오 : 등등 none` 및 :

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