Html 如何在Safari中从输入元素的值部分删除奇数边框？

如果你看看这张图片，你会看到一个奇怪的问题，在表单中输入标签的文本元素周围有一个轮廓。（右侧，Safari的网络检查员正在对其进行检查）。背景是按钮的图像。这个问题只发生在Safari中。FF和IE都很好。有人知道是什么引起的吗

<input type='image'  id='product_114' class='buy_button' name='Buy' value='Add To Cart'  />

我申请了边界：没有！对于输入元素很重要，但大纲仍然显示（仅在Safari中）。它似乎概述了输入元素的值部分，但我不确定如何设置它的样式。

这是一个“图像”类型的输入，您不需要为其添加值属性，而是使用alt属性。 另外，我没有看到src属性

您的输入应该更像：

<input type='image'  src='path/to/your/image.png' id='product_114' class='buy_button' name='Buy' alt='Add To Cart'  />

元素有更多的警告。例如，在IE中，您不会收到

buy

作为参数名，而是

buy.x

和

buy.y

仅用于呈现某种类型的地图，其中最终用户将能够在地图中指出特定位置

但你不想这么做。您只需要一个带有背景的提交按钮。因此，我建议用CSS

背景图像

替换它，背景图像设置为

url（path/to/your/image.png）

---

至于轮廓：这更多的是背景位置的问题。

没有src，因为我在CSS中使用背景图像来提供图像。将值更改为alt无效我在回答中添加了另一个解决方案，请随意尝试。谢谢。将其更改为提交成功。我仍然对边界出现的原因感到困惑。

<form id="my-form">
  <a href="#" id="submit-link"/>
</form>

$(#submit-link").click(function(e){
  e.preventDefault();
  $("#my-form").submit();
});