Я попытался создать кнопки и вставить свои собственные изображения вместо стандартных изображений кнопок. Тем не менее, серая рамка со стандартных кнопок все еще остается, показывая на внешней стороне моих черных изображений кнопок.
Кто-нибудь знает, как удалить эту серая рамка с кнопки, так что это просто изображение? Спасибо.
Добавить
padding: 0;
border: none;
background: none;
к вашим кнопкам.
Демо:
Кажется, это работает для меня отлично.
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{..}. надеется, что это поможет
$(".myButtonClass").attr("style","border:none; background-color:white; padding:0");
прекрасно работает для моих страниц .xhtml.