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

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

内容简介:当禁用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


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

查看所有标签

猜你喜欢:

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

TensorFlow:实战Google深度学习框架(第2版)

TensorFlow:实战Google深度学习框架(第2版)

顾思宇、梁博文、郑泽宇 / 电子工业出版社 / 2018-2-1 / 89

TensorFlow是谷歌2015年开源的主流深度学习框架,目前已得到广泛应用。《TensorFlow:实战Google深度学习框架(第2版)》为TensorFlow入门参考书,旨在帮助读者以快速、有效的方式上手TensorFlow和深度学习。书中省略了烦琐的数学模型推导,从实际应用问题出发,通过具体的TensorFlow示例介绍如何使用深度学习解决实际问题。书中包含深度学习的入门知识和大量实践经......一起来看看 《TensorFlow:实战Google深度学习框架(第2版)》 这本书的介绍吧!

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

随机密码生成器
随机密码生成器

多种字符组合密码

MD5 加密
MD5 加密

MD5 加密工具