css – 如何设置背景图片在提交按钮？

如何设置背景图像在提交按钮？

我必须使用图像代替常规提交按钮？哪种方式在xhtml / css中最好？

所有主要的浏览器,包括IE6,IE7都应该是一样的

解决方法

我通常做的方式是使用以下css：

div#submitForm input {
  background: url("../images/buttonbg.png") no-repeat scroll 0 0 transparent;
  color: #000000;
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  padding-bottom: 2px;
  width: 75px;
}

和标记：

<div id="submitForm">
    <input type="submit" value="Submit" name="submit">
</div>

如果在各种浏览器中看起来不一样,我恳求您使用一个重设样式表,其中设置所有边距,填充,甚至边界为零.