safari textfield 背景颜色不会改变

Question

#searchInput {
    width: 82px;
    height: 40px;
    margin: 0;
    border: 0;
    position: relative;
    top: -273px;
    left: -205px;
    color: #FF7F27;
    font-size: 85%;
    background: transparent;

}

上面的代码不会将 safari 中的文本背景颜色变为透明。我试过不透明度，但这只会让文本和字体同时消失。这个问题发生在我测试过的另一个浏览器中。

Answer 1

您需要删除默认样式并允许使用新的 css 属性，因此您需要更改 -webkit-appearance 属性。

  #searchInput {
              width: 82px;
              height: 40px;
              margin: 0;
              border: 0;
              position: relative;
              top: -273px;
              left: -205px;
              color: #FF7F27;
              font-size: 85%;
              background: transparent;
              -webkit-appearance: none;/* this should Work */
             }

Answer 2

尝试 generating a transparent background，然后使用 url 处生成的代码应用它，例如：

#searchInput
{
  background: -webkit-linear-gradient(top, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0) 100%);
}

safari textfield 背景颜色不会改变

safari textfield background color wont change

css

safari