如何删除图像周围的边框?

时间:2013-11-09 03:17:25

标签: html css html5

如何移除广场周围的边框?

外观如何:

Screenshot of the undesired effect

我的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;
}

3 个答案:

答案 0 :(得分:2)

要消失,请将其厚度设置为0:

border: 0;

答案 1 :(得分:2)

border: 0;

放入我的CSS文件....

答案 2 :(得分:1)

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

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

在你的style.css或其他任何东西中扔掉它。目前并非所有这些都是必要的,但它可以保护您免受未来可能出现的奇怪的继承问题。