Safari文本框背景问题

Question

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

由于某些原因，背景在桌面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;
}

以下是截图

IE / FF：

Safari中：

Answer 1

从包含图片的背景中移除“透明”。

如果这不起作用，看起来还有其他东西可以控制Safari的文本框。您使用的是CSS重置吗？

EDIT /

启用Safari中的“开发人员”菜单。右键单击文本字段，然后单击“检查元素”。查看边界的来源。

或者在所有选择器的末尾采用更快的路线，广告!important。