因此,我可以使用

<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解决方案.

我使用的是Firefox3.0.3,如果这有什么不同的话.

推荐答案

如果希望使用CSS设置按钮样式,请将其设置为type="Submit"按钮,而不是type="image".type="image"需要一个SRC,您不能在CSS中设置它.

请注意,Safari不会让你按照你想要的方式设计任何按钮.如果需要Safari支持,则需要放置一个图像,并具有提交表单的onclick函数.

Css相关问答推荐

当具有外部高度的网格项溢出时,为什么溢出滚动端口填充不应用于网格容器?

如何使用DirectusImage标签作为背景?

CSS 内联 Flex 和段落换行

react 样式的条件类名称设置

包含tailwind 中固定纵横比框的内容

如何在 Angular 中使用 CSS 设置 FontAwesome 图标的大小?

当计算的宽度不准确时,如何在 cypress 中测试元素的宽度?

在表格中隐藏绝对伪元素

Adobe Illustrator 删除我在 svg 图像上的类名.我怎样才能防止这种情况?

弹簧靴.一个文件捕获 CSS 其他没有

CSS如何使元素淡入然后淡出?

在 CSS 或 JavaScript 中反转图像的 colored颜色

使用 CSS3 生成重复的六边形图案

css 单行或多行垂直对齐

IE划掉伪元素CSS?

bootstrap 程序中有 7 个相等的列

如何从标题中删除粗体?

Bootstrap 3 Glyphicons CDN

在 CSS 中使用多个 @font-face 规则

如何使边框折叠(在 div 上)?