javascript - Safari 文本框背景问题

Question

我有一个文本框，而不是显示常规的 1px 边框布局，我正在尝试应用自定义 flex 图像作为背景..

由于某些原因，背景在桌面 Safari 和 iPad Mobile Safari 上没有正确应用。它在 IE/FF 中工作正常。下面是代码；

<div class="inputBox"><input type="text" name="text1"></div>

#rightContent  .inputBox{
background:transparent url(/images/dp/search_screen/keyback.gif) no-repeat scroll center 6px;
border:0pt none;
float:left;
height:40px;
#height:37px;
margin-left:10px;
width:450px;
overflow: hidden;
}

#rightContent  .inputBox input{
padding:12px 8px 5px 12px; 
width:446px;
margin: 0px;
border: 0px none;
background:transparent none no-repeat scroll center;
display: block;
/*outline: none;*/
height: 40px;
#height:37px;
#width: 430px;
#position: relative;
#left: 2px;
#padding:11px 0px 8px;
}

下面是截图

浏览器/浏览器:

Safari :

Answer 1

从包含图像的背景中删除“透明”。

如果这不起作用，似乎还有其他东西在控制 Safari 的文本框。您在使用 CSS 重置吗？

编辑/

在 Safari 中启用开发者菜单。右键单击文本字段，然后单击检查元素。看看那个边界是从哪里来的。

或者采取更快捷的方式，在所有选择器的末尾添加 !important。