样式禁用按钮与CSS

我正在尝试更改带有嵌入图像的按钮的样式,如下图所示:

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

在这个例子中,恐怕没有图像

我正试图:

  1. 禁用按钮时,更改按钮的背景色
  2. 禁用按钮时更改按钮中的图像
  3. 禁用时禁用悬停效果
  4. 当您单击按钮中的图像并拖动它时,可以单独查看图像;我想避免这种情况
  5. 可以选择按钮上的文本。我也想避免这种情况

我尝试在按钮[禁用]中执行此操作。但有些效果无法禁用。喜欢
top:1px;位置:相对位置和图像

对于禁用的按钮,可以使用:disabled伪类。它适用于禁用了API的所有元素(通常是表单元素)

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

与图像一样,不要在按钮中放置图像。将CSS背景图像背景位置背景重复一起使用。这样,就不会发生图像拖动

选择问题:这里是指向特定问题的链接:

  • 如何禁用文本选择突出显示

禁用选择器的示例:

按钮{
边框:1px实心#0066cc;
背景色:#0099cc;
颜色:#ffffff;
填充物:5px10px;
}
按钮:悬停{
边框:1px实心#0099cc;
背景色:#00aacc;
颜色:#ffffff;
填充物:5px10px;
}
按钮:禁用,
按钮[禁用]{
边框:1px实心#999999;
背景色:#中交;
颜色:#666666;
}
div{
填充物:5px10px;
}
<部门>
<按钮>这是一个工作按钮&lt/按钮>
&lt/部门>
<部门>
<按钮已禁用>这是一个禁用的按钮&lt/按钮>
&lt/部门&gt

发表评论