Donate. I desperately need donations to survive due to my health

Get paid by answering surveys Click here

Click here to donate

Remote/Work from Home jobs

Button gradient text not working on Safari

When I use gradient text on button on Chrome, everything work great but on Safari, not.

It's working on <div> or <p> but not on the tag <button>. Have you any ideas? I don't see any solution about button gradient text, only for <p> tag for example.

Here is my css for button and it's perfectly working on Chrome and Firefox. Safari use also Webkit, so I don't understand why it's not working. My safari version is the latest(just for the info)

{
    background: linear-gradient(to right, #000000, #FFFFFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #000000;
}

Comments