CSS 在 Safari 中不起作用，但在 Safari 中起作用，但在 chrome 中起作用

Question

我有以下 CSS，它可以在 Chrome 中运行，但不能在 Safari 中运行。所以需要一些意见

.header { 框阴影：0 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0 rgb(0 0 0 / 14%), 0px 1px 10px 0 rgb(0 0 0 / 12%); }

Answer 1

.header {
    -webkit-appearance: none;
    -webkit-box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 
                0px 4px 5px 0 rgb(0 0 0 / 14%), 
                0px 1px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 
                0px 4px 5px 0 rgb(0 0 0 / 14%), 
                0px 1px 10px 0 rgb(0 0 0 / 12%);
}