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

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

Я должен использовать изображение вместо регулярной кнопки отправки? какой способ был бы лучшим в xhtml/css?

Кнопка должна посмотреть то же во всех основных браузерах включая IE6, IE7

24
задан Jitendra Vyas 15 March 2010 в 03:17
поделиться

3 ответа

Обычно я это делаю со следующим css:

div#submitForm input {
  background: url("../images/buttonbg.png") no-repeat scroll 0 0 transparent;
  color: #000000;
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  padding-bottom: 2px;
  width: 75px;
}

и разметкой:

<div id="submitForm">
    <input type="submit" value="Submit" name="submit">
</div>

Если в разных браузерах все выглядит по-разному, я умоляю вас использовать сбросить таблицу стилей, которая устанавливает все поля, отступы и, возможно, даже границы на ноль.

35
ответ дан 28 November 2019 в 23:23
поделиться

Обычно можно использовать один (или несколько) тегов изображений, возможно, в сочетании с настройкой фоновых изображений div в css, чтобы они действовали как кнопка отправки. Фактическая отправка будет выполняться в javascript по событию щелчка.

учебник по этой теме.

5
ответ дан 28 November 2019 в 23:23
поделиться
.button {
    border: none;
    background: url('/forms/up.png') no-repeat top left;
    padding: 2px 8px;
}
5
ответ дан 28 November 2019 в 23:23
поделиться
Другие вопросы по тегам:

Похожие вопросы: