Удалить границу с кнопок

Я попытался создать кнопки и вставить свои собственные изображения вместо стандартных изображений кнопок. Тем не менее, серая рамка со стандартных кнопок все еще остается, показывая на внешней стороне моих черных изображений кнопок.

Кто-нибудь знает, как удалить эту серая рамка с кнопки, так что это просто изображение? Спасибо.

Ответы

Ответ 1

Добавить

padding: 0;
border: none;
background: none;

к вашим кнопкам.

Демо:

https://jsfiddle.net/Vestride/dkr9b/

Ответ 2

Кажется, это работает для меня отлично.

button:focus { outline: none; }

Ответ 3

У меня была такая же проблема, и даже если бы я стилизовал свою кнопку в CSS, она никогда не заберет border:none, но то, что работало, добавило стиль непосредственно на кнопку ввода так:

<div style="text-align:center;">
    <input type="submit" class="SubmitButtonClass" style="border:none;" value="" />
</div>

Ответ 4

Попробуйте использовать: border:0; или border:none;

Ответ 5

Обычный трюк состоит в том, чтобы сделать изображение самой частью ссылки вместо кнопки. Затем вы связываете событие "click" с пользовательским обработчиком.

Рамки, такие как JQuery-UI или Bootstrap, делают это из коробки. Используя один из них, вы можете легко ослабить концепцию всего приложения.

Ответ 6

Вы также можете попробовать кнопки background:none;border:0px для кнопок.

также селектора css div#yes button{..} и div#no button{..}. надеется, что это поможет

Ответ 7

$(".myButtonClass").attr("style","border:none; background-color:white; padding:0");

прекрасно работает для моих страниц .xhtml.