Question

在此页面上查看：http://acecontainerbuilder.com.dnnspeed.com/news-events.html您将看到使用iOS设备（iPad，iPhone）是否左下角输入的背景颜色通过边框半径渗出。有没有人知道如何在不使用图像的情况下阻止这种情况？

Answer 1

尝试将-webkit-background-clip: padding-box;添加到输入框的样式。

修改：如果不起作用，请尝试-webkit-background-clip: content-box;或其中任何一个没有值-box的属性。

Answer 2

我刚遇到同样的问题，我能想到的最好的解决方案是将输入元素包装在div标签中，并将样式应用于div而不是输入元素。

#sidebar div.search-wrapper {
    background-color:#fff;
    border-radius: 14px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7) inset;
}

#sidebar input[type="text"] {
    background-color: transparent!important;
    box-shadow:none!important;
}

无论出于何种原因，即使是桌面游猎，移动游猎也不会尊重输入元素的边界半径。奇怪。

iOS输入边框半径似乎不适用于背景颜色

2 个答案: