Как добавить внутрь кнопки изображение?

Есть кнопка

<input type="submit" id="orderDesignButton" name="orderDesignButton" value="Далее">


Вот ее стили. Как добавить изображение внутрь кнопки сохранив при этом фоновый цвет? :after и :before пробывал не работает.

#orderDesignButton {
    width: 118px;
    height: 48px;
    border: 0;
    color: #ffffff;
    background-color: #00a6e8;
    font-size: 15px;
    margin-top: 20px;
    margin-left: 310px;
}
  • Вопрос задан
  • 451 просмотр
Решения вопроса 3
Petroveg
@Petroveg
Миром правят маленькие с#@&ки
Кнопки давно уже выгодно размещать с помощью button — именно для кнопок этот тэг и был введён.
Вот тогда и :after, и :before вам помогут, и url() останется.
Ну и не забудьте для Firefox:

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
Ответ написан
Комментировать
@holfza
background-image: url(...)
Ответ написан
background: url(...) no-repeat center #00a6e8;
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы