在 Safari 中获取此输入字段的外观以传输到 Chrome-解网

问：

我正在设置输入字段的样式，我喜欢 Safari 浏览器应用于边框的外观：

这样做的代码是：

#chat-input {
    width: calc(90% - 8px);
    margin: 0;
    height: 18px;
    background: linear-gradient(to top, #fff, #aaa8);
}

但是当我在 Google Chrome 中尝试时：

因此，我尝试从Safari用户代理样式表中添加以下代码：

    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-style: inset;
    border-right-style: inset;
    border-bottom-style: inset;
    border-left-style: inset;

但它的结果同样不尽如人意。我该怎么做才能使 Chrome 中的酷边框看起来相同？

html css google-chrome safari 跨浏览器

在 Safari 中获取此输入字段的外观以传输到 Chrome

Getting the look of this input field in Safari to transfer to Chrome

评论