-1

目前我有一个这样的按钮

<input type="submit" id="button" name="submit" value="Generate Report" />

我必须为我给出的提交按钮使用图像，如下所示

<input type="image" id="continue" style="float:right;"  src="<?php echo base_url();?>images/Generatereports_btn.png" onmouseover="this.src='<?php echo base_url();?>images/Generatereports_high.png'" onmouseout="this.src='<?php echo base_url();?>images/Generatereports_btn.png'"/>

如果在显示图像时给出类型，但它不能用作提交按钮。如果我给类型作为提交图像没有显示我在做什么错

还有一件事是我有另一个按钮

<span class="button" style="margin-left:525px;padding-top:8px;" ><a style="color: #FFFFFF;" href="add_user?height=500&width=650&modal=false" 
                            class="thickbox">Add User</a></span>

如果我使用上面的图像，则页面未显示为模式，而是显示为新页面。

请有人帮我谢谢。

4

3 回答 3

0

您可以将图像作为提交按钮的背景

input[type=submit] {
    background-image: url('https://www.gravatar.com/avatar/c2d133677c207759e83d86e9fca4996a?s=32&d=identicon&r=PG&f=1');
}

检查这个小提琴

更新：

input[type=submit] {
    background-image: url('https://www.gravatar.com/avatar/c2d133677c207759e83d86e9fca4996a?s=32&d=identicon&r=PG&f=1');
}
input[type=submit]:hover {
    background-image: url('https://www.gravatar.com/avatar/fdae182b503055896b55c8c567e670a3?s=32&d=identicon&r=PG');
}

你问的是hovering

检查这个JSFiddle2

于 2013-10-04T11:24:50.197 回答
0

嗨试试这个，

   <input type="submit" id="button" name="submit" value="Generate Report" style="background:url(abc/in.jpg)repeat; />
于 2013-10-04T11:27:05.797 回答
0

尝试这个

<input type="submit" value="" class="submit_style" />

添加这个CSS

.submit_style { 
    background-image: url(http://your_image_path.jpg);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    width: 186px;
    height: 53px;
    border: 0px;

}
于 2013-10-04T11:28:35.703 回答