2013-11-09 4 views
1

Как удалить границу вокруг площади?Как удалить границу вокруг изображения?

Как это выглядит:

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; 
} 
+0

У вас есть ссылка на изображение, которое вы используете? Я попытался воспроизвести это и не видел проблемы. – Jason

ответ

2

Исчезнуть с ним, установите его толщину до 0 вместо:

border: 0; 
+0

Спасибо за быстрый ответ. Но я имел в виду белую рамку вокруг площади. (Черный цвет фона) – Untitled

+0

ОК, мой плохой. его изображение, которое делает белую границу. – Untitled

+0

С помощью 'border: none' вы устанавливаете' border-style' объекта 'none', но изменение этого не обязательно означает, что' border-width' будет равно 0. Поэтому, в конце концов, вы видели, что это произошло. – Havenard

2
border: 0; 

положить в файле My Css ....

1

по каким-либо причинам, таблицы стилей текст/CSS не очень универсально предсказуемы. Тем не менее, это должно очистить вас всех:

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

Бросьте это в свой стиль.css или что угодно. На данный момент не все это может быть необходимо, но это защитит вас от странных проблем наследования, которые могут возникнуть в будущем.

Смежные вопросы