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

-1

Я показываю элементы img, используя следующий CSS.Как удалить границу вокруг изображения в html

.display-icon{ 
height: 16px; 
width: 16px; 
display:inline-block; 
border:hidden; 
background-repeat: no-repeat; 
}

В Internet Explorer он работает нормально, но в Chrome есть граница вокруг изображения. Есть ли способ удалить его? К сожалению, я не мог использовать атрибут src в элементе img как часть требований компании.

источник

2015-11-04 Massey

Есть ли границы: нет; это то, что я использовал. – DivineChef

'border: hidden' является ошибкой. Попробуйте 'border: none' или' border: 0'. Кроме того, мне очень любопытно, что вы подразумеваете под «Я не мог использовать атрибут src в элементе img». –

Отправьте полный пример кода, пожалуйста. Нормальное изображение с этим классом не имеет границы. Является ли ваше изображение ссылкой? – j08691

попытка border:none или outline:none?

источник

2015-11-04 21:15:53 nickpish

Я пробовал оба. Тем не менее это происходит в Chrome. – Massey

Это может быть сделано как этот

border-style:none;

источник

2015-11-04 21:22:07 repzero

Я тоже это пробовал. Тем не менее проблема остается в Chrome! – Massey

проблема сохраняется, потому что тэг img не имеет атрибута src. – rogelio

вы можете разместить свой HTML-код, который вы ставите – repzero

Попробуйте следующее:

img.display-icon, 
a img.display-icon { 
border: none; 
}

, чтобы охватить все возможные.

источник

2015-11-04 21:25:11 Rounin

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

ответ

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