12
如何使用CSS更改输入按钮图像?
因此,我可以使用创建带有图像的输入按钮 <INPUT type="image" src="/images/Btn.PNG" value=""> 但是,使用CSS无法获得相同的行为。例如,我尝试过 <INPUT type="image" class="myButton" value=""> 其中“ myButton”在CSS文件中定义为 .myButton { background:url(/images/Btn.PNG) no-repeat; cursor:pointer; width: 200px; height: 100px; border: none; } 如果这只是我想做的,则可以使用原始样式,但是我想更改鼠标悬停时的按钮外观(使用myButton:hover类)。我知道链接很好,因为我已经能够将它们加载为页面其他部分的背景图像(仅作为检查)。我在网上找到了如何使用JavaScript的示例,但我正在寻找CSS解决方案。 我正在使用Firefox 3.0.3,如果有帮助的话。