我有点奇怪的情况.我正在尝试设置一个禁用的输入按钮,因为我有一个恼人的悬停将文本转为白色.这使得用户感到困惑,因为它的作用就像普通按钮一样.
我尝试了一些东西,主要是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">
而我正在做这样的事情
.btn:hover input[disabled], .btn:active input[disabled], .btn:focus input[disabled]{
color:green
}
任何帮助都会很精彩!
这是我的按钮示例：
<button id="question_1a" disabled">Next question</button>
我想将按钮的样式设置为标准样式，background-color如果禁用它们则不同：
input[type=button][disabled]{
background-color:#CCC;
}
input[type=button]{
background-color: #6CB300;
color:#fff;
border:0;
font-size:1.5em;
padding:2% 3%;
}
这似乎不正确，如何选择禁用按钮和正常按钮？
我正在使用AngularJS来禁用/启用图像按钮.
我的css选择器显示透明不起作用.
我开始尝试它在输入元素上选择一个禁用,它确实应用了css,但不是我的div元素.
我添加了不起作用的div元素,导致以下代码:
<!DOCTYPE html>
<html>
<head>
<style>
input:enabled {
background: #ffff00;
}
input:disabled {
background: #dddddd;
}
div:disabled {
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
}
</style>
</head>
<body>
<form action="">
First name: <input type="text" value="Mickey"><br>
Last name: <input type="text" value="Mouse"><br>
Country: <input type="text" value="Disneyland" disabled><br>
Password: <input type="password" name="password" value="psw" disabled><br>
E-mail: <input type="email" value="john@doe.com" name="usremail">
</form>
<div disabled="disabled">should be transparent</div>
</body>
</html>
为我的AngularJS html元素添加/删除了禁用.那么如何让css应用于添加了禁用功能的div呢？
注意:我知道可以复制元素,使用ng-if显示/隐藏它们并使用类将透明度应用于它,但这非常难看.