Добавление иконки в кнопку формы

Question

Я использую следующий код для размещения значка в верхней части кнопки:

    <a href="/users/hide_profile" class="button">
      <span class="hide_profile">hide public profile</span>
    </a>

a.button{
  background-image: url('/images/button.gif');
  display:inline-block;
  position: relative;
  _display: inline;
  color:#888888;
  font-weight:bold;
  height:30px;
  line-height:29px;
  margin-bottom:14px;
  text-decoration:none;
  width:191px; }
a:hover.button{ color:#0066CC; }

.hide_profile{
  background-image: url('/images/icons/hide.png');
  background-repeat: no-repeat;
  background-position:7px 6px; 
  font-size: 14px;
  text-indent:30px;
  display:block;
}

Я использую ruby ​​на рельсах и мне интересно, как это сделать для кнопки отправки формы. Есть идеи?

Answer 1

Вы могли бы сделать

<input type="image"
       src="url-where-your-image-lives"
       onclick="Element.up(this, 'form').submit()">

Предполагается, что вы используете библиотеку JavaScript Prototype, что кажется вероятным, поскольку вы используете RoR.