CSS样式禁用按钮

发布时间:2019-03-13 整理:脚本之家 作者:未知
脚本之家收集整理的这篇文章主要介绍了CSS样式禁用按钮脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随脚本之家小编过来看看吧!
我试图改变一个带有嵌入图像的按钮的样式,如下面的小提琴:

http://jsfiddle.net/krishnathota/xzBaZ/1/

在例子中没有图像,恐怕。

我试图:

>更改禁用时的按钮的背景颜色
>在禁用时更改按钮中的图像
>禁用时禁用悬停效果
>当您点击按钮中的图像并拖动它时,图像可以单独看到;我想避免
>可以选择按钮上的文本。我也想避免。

我试着在按钮[禁用]。但有些效果无法禁用。喜欢
top:1px;位置:相对;和图像。

对于禁用的按钮,可以使用:disabled伪元素。它适用于所有的元素。

对于仅支持CSS2的浏览器/设备,可以使用[disabled]选择器。

与图像一样,不要在按钮中放置图像。使用CSS background-image与background-position和background-repeat。这样,图像拖动不会发生。

与选择问题:这里是一个链接到具体的问题:

CSS rule to disable text selection highlighting

总结

以上是脚本之家为你收集整理的CSS样式禁用按钮全部内容,希望文章能够帮你解决CSS样式禁用按钮所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

标签: