Кнопка «Отправить» имеет скос, от которого я не могу избавиться

Question

Я пытаюсь избавиться от фаски и границы по умолчанию, которые большинство браузеров / ОС установили в качестве кнопок по умолчанию для кнопок «Отправить». Когда я использую CSS для добавления фонового изображения, оно просто отображает изображение на заднем плане кнопки, но скос все еще там. Есть ли способ заставить кнопку просто отображать только мое изображение? Это единственный способ сделать это, чтобы установить путь к изображению в теге src элемента ввода html?

Answer 1

Вы можете сделать что-то вроде следующего в таблице стилей (или в теге <style>...</style> на странице) и использовать некоторые расширенные селекторы CSS:

input[type=submit], input[type=button], /* Advanced CSS selectors */
input.button /* For older browsers you can add a 'button' class to each button where you want a bkg img */
{
  border: 0;
  background-image: url("/images/foo.png");
}