html - 输入类型 =“image” 在 Chrome 中显示不需要的边框

Question

html:

<input type="image" />

CSS:

input[type="image"]
  {  border:0;
     border-color:transparent;
     background:transparent;
     width:150px;
     outline:none;
  }

我不想使用 src="img url"，我想使用 background:(url)我已经添加了 border:0 但 chrome 中仍然有 border

JSFiddle > http://jsfiddle.net/akash4pj/PYKfr/1/

Answer 1

在 src 属性中添加一个 1x1 GIF 将解决问题:

<input type="image" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" />

JSFiddle

您可以在这里找到类似问题的答案:chrome border issue