css - 如何为提交按钮申请图片

Question

当我为提交按钮申请图片时，它是这样的

http://www.flickr.com/photos/41695354@N08/4106014382/

如何将图片应用于提交按钮帮助。

我的代码:

HTML

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

CSS

 .search_icon
 {

  background-image:url(../images/search_ic.png);
  width:32px;
  height:32px;
 }

Answer 1

您可以使用 input type image .或者你用这个删除输入元素的边框和背景:

.search_icon
{
    background-image:url(../images/search_ic.png);
    width:32px;
    height:32px;
    border-width: 0;
    background-color: transparent;
}