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>

如果在各种浏览器中情况看起来有所不同，我恳请您使用重置样式表，该样式表将所有边距，填充甚至边界设置为零。

关于css - 如何在提交按钮中设置背景图片？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2444894/