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;
}

我在rails上使用ruby，我想知道如何为表单提交按钮执行此操作。有什么想法吗？

Answer 1

你可以做到

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

这假设您正在使用Prototype JavaScript库，这似乎很可能，因为您正在使用RoR。

添加图标以形成按钮

1 个答案: