Html 仅使用css设置禁用输入的样式

我有一种奇怪的情况。我正在尝试设置一个禁用的输入按钮的样式，因为我有一个恼人的悬停将文本变成白色。这会让用户感到困惑，因为它就像一个普通的按钮

我尝试了一些东西，主要是css和一些jQuery的东西。如果可以的话，我想把它保存在css中

这是我的html，很抱歉它是一个大级别的帮助程序

{{ Form::submit('Change', array_merge($design_project->is_locked ? ['disabled' => 'disabled'] : [], ['class' => 'btn btn-blue span3'])) }}

这就是浏览器生成的内容

<input disabled="disabled" class="btn btn-blue span3" type="submit" value="Change">

---

任何帮助都太好了

CSS选择器中的空格选择子元素

.btn input

这基本上就是您编写的，它将在任何具有

btn

类的元素中选择

元素

我想你在找我

input[disabled].btn:hover, input[disabled].btn:active, input[disabled].btn:focus

这将选择

元素，并在

悬停

、

活动

和

焦点

三种不同状态下使用该CSS（）：

你必须把最外层的元素写在左边，最内层的元素写在右边

.btn:hover input:disabled

将选择包含在用户当前悬停的类为

btn

的元素中的任何禁用的输入元素

与

[disabled]

相比，我更喜欢

：disabled

，请参阅此问题以进行讨论：

---

---

顺便说一句，Laravel（PHP）生成HTML，而不是浏览器。

假设您有3个按钮：

要设置禁用按钮的样式，可以使用以下css：

input[type=“button”]：禁用{
颜色：#000；
}

这只会影响已禁用的按钮

要在悬停时停止颜色更改，您也可以使用此选项：

input[type="button"]:disabled:hover{
    color:#000;
}

---

您也可以使用css重置来避免这种情况。

您可以发布生成的HTML吗？@Vector如果您将鼠标悬停在按钮上，文本是否会变为绿色？谢谢，这对我来说非常有效。我和我愚蠢的空间！：）在使用

[disabled]

和

:disabled

之间，有什么理由选择使用此选项吗？（这也是可链接的→ )@弗兰克诺克：事实上，禁用似乎更可取，请参见我的编辑。为什么会被否决？这对于现代浏览器来说是一个非常有效的解决方案。谢谢，伙计。我正要开始认为我的整个CSS生涯都是一个谎言：）@thesaadarshad我刚刚收到了对这个问题答案的赞成票。碰巧我也看到了你的答案，我因为一个我已经记不起来的原因投了反对票。我做了一次编辑，以便能够恢复否决票+1!<代码>：禁用的在IE9中似乎不起作用<代码>[禁用]工作正常。

input:disabled.btn:hover,
input:disabled.btn:active,
input:disabled.btn:focus {
  color: green
}

input[type="button"]:disabled:hover{
    color:#000;
}