CSS:删除禁用的HTML按钮上的阴影

栏目: CSS · 发布时间: 5年前

内容简介:当禁用HTML按钮时,阴影将添加到按钮文本中.我自己设计按钮,我想只有一种颜色(白色)没有阴影,但我不知道如何有效地执行.我以前的方法是将其启用并重新设计按钮的悬停活动状态,并忽略点击vai Javascript.告诉你,效率不高!

当禁用HTML按钮时,阴影将添加到按钮文本中.我自己设计按钮,我想只有一种颜色(白色)没有阴影,但我不知道如何有效地执行.

我以前的方法是将其启用并重新设计按钮的悬停活动状态,并忽略点击vai Javascript.告诉你,效率不高!

http://jsfiddle.net/gLfMX/

编辑:图像显示阴影(在IE9中查看)缩放版本.

你已经发布了你自己的答案,但这里有一些更多的信息.

从我的实验中我得出了相同的结论:在IE上,你不能从CSS更改它.这就是为什么

禁用按钮的颜色取决于Windows配置为显示 for the “3D Objects” item in “Window Color and Appearance” (在显示设置下).

禁用按钮的默认颜色为:text = A0A0A0,shadow = white.如果用户更改了默认值,则可能会有所不同(在Windows 7中,您必须进入“高级设置”),但几乎每个人都将拥有这些默认值.它们被设计为适应禁用按钮的系统默认背景颜色,即F4F4F4.

我的这个问题的解决方案是设计CSS,所以至少对于默认设置,在IE下禁用的按钮将看起来很好 – 最好的方法是设置背景时禁用F4F4F4:

button[disabled], a[disabled] {
    background-color: #f4f4f4;
}

如果你像我这样使用 Bootstrap ,你应该这样做:

.btn[disabled], .btn.disabled[disabled] {
    background-color: #f4f4f4;
}

您也可以添加一些条件选择器来仅为IE启用此选项.

代码日志版权声明:

翻译自:http://stackoverflow.com/questions/8766987/css-remove-shadows-on-disabled-html-buttons


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Spring in Action

Spring in Action

Craig Walls / Manning Publications / 2011-6-29 / USD 49.99

Spring in Action, Third Edition has been completely revised to reflect the latest features, tools, practices Spring offers to java developers. It begins by introducing the core concepts of Spring and......一起来看看 《Spring in Action》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试