CSS 在 Safari 中不工作，但在 Chrome 中工作

Question

我有以下 CSS，它可以在 Chrome 中运行，但不能在 Safari 中运行。为什么它在 Safari 中不起作用？

.header {
  height: 100px;
  width: 200px;
  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%);
}


<div class="header"></div>

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%);
    -moz-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%);
}