CSS样式禁用按钮

前端之家收集整理的这篇文章主要介绍了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

原文链接:https://www.f2er.com/css/223322.html

猜你在找的CSS相关文章