Javascript Safari文本框背景问题

我有一个文本框，而不是显示常规的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;
}

#rightContent.inputBox{
背景：透明url（/images/dp/search_screen/keyback.gif）无重复滚动中心6px；
边界：0pt无；
浮动：左；
高度：40px；
#高度：37像素；
左边距：10px；
宽度：450px；
溢出：隐藏；
}
#rightContent.inputBox输入{
填充：12px 8px 5px 12px；
宽度：446px；
边际：0px；
边框：0px无；
背景：透明无重复滚动中心；
显示：块；
/*大纲：无*/
高度：40px；
#高度：37像素；
#宽度：430px；
#位置：相对位置；
#左：2px；
#填充：11px 0px 8px；
}

下面是截图

IE/FF：

狩猎：

---

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

如果这不起作用，看起来Safari的文本框中还有其他东西在控制。你在使用CSS重置吗

编辑/

在Safari中启用开发者菜单。在文本字段上单击鼠标右键，然后单击“检查图元”。看看边界是从哪里来的

---

或者走一条更快的路线，ad

！重要信息

在所有选择器的末尾。

你能发布Safari中出现问题的屏幕截图吗？好的。我已经添加了屏幕截图。请提供其他解决方案。谢谢。他需要透明，因为背景图像部分透明（角落）。这没关系。你可以让一个透明的背景图像在所有浏览器中都能正常工作，而不需要它。透明的完全没有必要，Safari可能会错误地解释它。然而，这个边框看起来好像是其他东西在控制Safari中的文本字段。在你开始投票否决之前，确保你知道你在说什么。我会先试试：。如果不起作用，请添加

！重要的

语句，这将使它们陷入僵局。但是，如果您真的想找到问题的根源，请检查元素；来自Inspect元素。这似乎也是由Safari生成的。CSS重置在这里应该对您有所帮助。如果没有，请发布一个链接到您遇到问题的实际网站页面，我会找到它：）