相关疑难解决方法(0)

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

所以,我可以创建一个带图像的输入按钮

<INPUT type="image" src="/images/Btn.PNG" value="">
Run Code Online (Sandbox Code Playgroud)

但是,我无法使用CSS获得相同的行为.例如,我试过了

<INPUT type="image" class="myButton" value="">
Run Code Online (Sandbox Code Playgroud)

其中"myButton"在CSS文件中定义为

.myButton {
    background:url(/images/Btn.PNG) no-repeat;
    cursor:pointer;
    width: 200px;
    height: 100px;
    border: none;
}
Run Code Online (Sandbox Code Playgroud)

如果这就是我想做的,我可以使用原始样式,但我想在悬停时更改按钮的外观(使用myButton:hover类).我知道链接很好,因为我已经能够为页面的其他部分加载它们作为背景图像(就像检查一样).我在网上找到了如何使用JavaScript进行操作的示例,但我正在寻找一个CSS解决方案.

我正在使用Firefox 3.0.3,如果这有所作为.

css input-button-image

183
推荐指数
5
解决办法
71万
查看次数

<input type ="?"的CSS选择器

有没有办法用CSS根据类型定位所有输入?我有一个禁用的类我在各种禁用的表单元素上使用,我正在设置文本框的背景颜色,但我不希望我的复选框获得该颜色.

我知道我可以用单独的类来完成这个,但是如果可能的话我宁愿使用CSS.我敢肯定,我可以在javascript中设置它,但再次寻找CSS.

我的目标是IE7 +.所以我认为我不能使用CSS3.

编辑

使用CSS3,我可以做类似的事情吗?

INPUT[type='text']:disabled 那会更好地完全摆脱我的班级......

编辑

好的,谢谢你的帮助!所以这里是一个选择器,修改所有已禁用的文本框和区域,而不需要设置任何类,当我开始这个问题时,我从未想过这是可能的......

INPUT[disabled][type='text'], TEXTAREA[disabled]
{   
    background-color: Silver;
}
Run Code Online (Sandbox Code Playgroud)

这适用于IE7

css internet-explorer css-selectors

105
推荐指数
1
解决办法
13万
查看次数