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

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

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

Добавить

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

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

Демо:

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

Мне кажется, это отлично работает.

button:focus { outline: none; }

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

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

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

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

Такие фреймворки, как Jquery-UI или Bootstrap, делают это из коробки. Кстати, использование одного из них может значительно облегчить всю концепцию приложения.

Также можно попробовать background:none;border:0pxпуговицы.

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

Чтобы удалить стандартную синюю рамку с кнопки в фокусе кнопки:

В HTML:

<button class="new-button">New Button...</button>

И в Css

button.new-button:focus {
    outline: none;
}

Надеюсь, поможет :)

Добавьте это как css,

button[type=submit]{border:none;}

$ (". myButtonClass"). css (["граница: нет; цвет фона: белый; отступ: 0"]);