css - 如何去除图像周围的边框？

Question

如何去除正方形周围的边框？

它的外观：

我的 HTML：

<input id="black" type="image" src="html5-canvas-drawing-app/images/color-swatch-brown.png" onClick="changeColorBlack()">

我的 CSS：

#black{
border:none;
outline:none;
background:none;
padding:0;
}

Answer 1

要与它一起消失，请将其厚度设置为 0：

border: 0;

Answer 2

border: 0;

放入我的 css 文件....

Answer 3

无论出于何种原因，样式表 text/css 都不是普遍可预测的。不过，这应该让你清楚：

img#black {
    border: 0px solid #00000;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

把它扔进你的 style.css 或其他什么。目前可能并非所有这些都是必需的，但它可以保护您免受未来可能出现的奇怪继承问题的影响。