当前位置: 首页 > 面试题库 >

如何使用CSS更改输入按钮图像?

马欣荣
2023-03-14
问题内容

因此,我可以使用创建带有图像的输入按钮

<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,如果有帮助的话。


问题答案:

如果要使用CSS为按钮设置样式,请将其设置为type =“ submit”按钮,而不是type =“ image”。type =“
image”需要一个SRC,您无法在CSS中设置它。

请注意,Safari不允许您以所需的方式设置任何按钮的样式。如果需要Safari支持,则需要放置图片并具有提交表单的onclick函数。



 类似资料:
  • 问题内容: 有没有一种方法可以控制CSS中单选按钮的大小? 问题答案: 是的,您应该能够像设置任何元素一样设置其高度和宽度。但是,某些浏览器并没有真正考虑这些属性。 如您所见,设置单选按钮的样式并不容易:-D

  • 我想用一个按钮在三个不同的位置改变图像的位置...用我的代码图像只移动了一个位置... ViewController.h ViewController.m }

  • 本文向大家介绍使用CSS更改按钮的背景色,包括了使用CSS更改按钮的背景色的使用技巧和注意事项,需要的朋友参考一下 要更改按钮的背景色,请使用background-color属性。 您可以尝试运行以下代码来更改按钮的背景色 示例

  • 问题内容: 我不断收到以下错误:AttributeError:’NoneType’对象没有属性’configure’ 问题答案: 执行时,分配给该命令的结果是命令的结果, 而不是 对创建的对象的引用。 您需要在打包/网格化之前分配变量。它看起来应该像这样:

  • 问题内容: 点击时可以更改背景颜色吗?全部,仅使用CSS和HTML5? 问题答案: 基于我在评论中发布的小提琴,我对它进行了少许修改,以使用Bootstrap按钮CSS。 只需包含Bootstrap的CSS文件,然后使用以下代码即可。 HTML CSS 这将使用相邻的兄弟选择器。 它在这里起作用:(我已经添加了防止选择标签文本的标签,但是标签不是必需的) 浏览器支持 Chrome,Firefox

  • 我正在使用javaFX。我做了一个按钮并为此设置了一个图像。代码是: 但是我想当我点击按钮时,图像会变成另一张图片。我该怎么做呢?