gpt4 book ai didi

html - 向表单按钮添加图标

转载 作者:行者123 更新时间:2023-11-28 15:00:39 26 4
gpt4 key购买 nike

我正在使用以下代码将图标放置在按钮顶部:

    <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​​,想知道如何为表单提交按钮执行此操作。有什么想法吗?

最佳答案

你可以做

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

这假设您使用的是 Prototype JavaScript 库,这似乎很可能,因为您使用的是 RoR。

关于html - 向表单按钮添加图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2360723/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com