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

前端之家收集整理的这篇文章主要介绍了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>

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

原文链接:https://www.f2er.com/css/217254.html

猜你在找的CSS相关文章