Css 镀铬边界问题

我只在chrome上有这个问题。如何删除图像周围的边框？请看镀铬的小提琴

<form>
    <input type="image" class="searchbox_submit search_btn" value="">
</form>

---

演示：

您真的需要att type=“image”吗？因为这是导致问题的原因…

您使用的是

，所以。您没有指定一个，因此Chrome显示灰色边框，与无

src

属性相同

如果你想坚持使用

和CSS精灵，你必须指定一些东西作为

src

，比如1x1透明的“blank.gif”

---

然而，这似乎很可怕。相反，我建议切换到

，它使用

数据：

URI将一个空白图像作为

src

。因为您只关心Chrome，所以没有问题：

<input type="image" class="searchbox_submit search_btn" value="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAA1JREFUGFdj+P//PwMACPwC/ohfBuAAAAAASUVORK5CYII=">

---

Chrome为没有src的任何图像提供边框/轮廓，您可以将输入类型设置为“提交”，这样就不会出现问题

或者，与src一起使用，并由此触发submit，但也可以使用type=“submit”

---

将其替换为提交类型

<input type="submit" class="searchbox_submit search_btn" value="">

---

从语义上纠正css的高度和宽度

我会说使用

按钮

，因为您实际上没有关联的输入值，因此它不是一个输入：

<button type="submit" class="searchbox_submit search_btn"></button>

发件人：

使用按钮元素功能创建的按钮与按钮类似 使用输入元素创建，但它们提供更丰富的渲染 可能性：按钮元素可能有内容。例如，一个 包含图像的按钮元素功能类似，也可能类似 类型设置为“image”的输入元素，但按钮元素 类型允许内容

---

干杯

或者另一种选择是只使用

type=“submit”

，因为默认情况下

type=“image”

也会提交表单。@animuson-我认为

更好，因为您实际上没有与按钮关联的输入。@Madbreaks:我认为在

上没有

类型

属性，按钮也不是自动关闭标签。。。此外，

实际上不是一个输入，除非您给它一个

名称

@minitech:There is，并且缺少的默认值是

submit

@animuson:Huh。我需要更多的信息。旁注：你的图像偏离中心，应该是宽度：30px，高度：30px，

url（“http://static.ak.fbcdn.net/rsrc.php/v1/yu/r/yo348KDuskF.png）无重复滚动0px-192px

将类型从图像更改为可提交的副本