按钮怎样引用css,如何使用CSS更改输入按钮图像？

本文有关CSS图像替换提交按钮的文章可能会有所帮助。

“使用这种方法，当样式表处于活动状态时，您将获得一个可点击的图像，而当样式表处于关闭状态时，将获得一个标准按钮。诀窍是将图像替换方法应用于按钮标签，并将其用作提交按钮，而不是使用的输入。

而且，由于按钮的边界被擦除，这也是可推荐的变化的按钮光标形一个用于链接的手，因为这提供了一个可视前端到用户“。

CSS代码：

#replacement-1 {

width: 100px;

height: 55px;

margin: 0;

padding: 0;

border: 0;

background: transparent url(image.gif) no-repeat center top;

text-indent: -1000em;

cursor: pointer; /* hand-shaped cursor */

cursor: hand; /* for IE 5.x */

}

#replacement-2 {

width: 100px;

height: 55px;

padding: 55px 0 0;

margin: 0;

border: 0;

background: transparent url(image.gif) no-repeat center top;

overflow: hidden;

cursor: pointer; /* hand-shaped cursor */

cursor: hand; /* for IE 5.x */

}

form>#replacement-2 { /* For non-IE browsers*/

height: 0px;

}