比较来自世界各地的卖家的域名和 IT 服务价格

仅使用断开输入的风格化 css

我有一个奇怪的情况。 我正在尝试时尚禁用的输入按钮,因为我有一个令人讨厌的光标指导,将文本变成白色。 这使得它使用户困惑,因为它充当了常规按钮。

我尝试了一些事情 css 和几个 jQuery 东西的。 我想保持它 css, 如果这通常是可能的。

这是我的 html, 对不起,它是助理幼虫的形式。


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


这就是浏览器生成的内容


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


而且我在这样的事情上工作


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


任何帮助都会很棒!
已邀请:

八刀丁二

赞同来自:

用它 CSS /
http://jsfiddle.net/5vnHX/446/
/:


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


您必须在左侧和右侧的内部元素上写下最大的外部元素。


.btn:hover input:disabled

将选择类项目中包含的任何断开连接的输入元素
btn

, 目前挂在用户身上。

我会比较喜欢
:disabled

反而
[disabled]

, 查看此问题以讨论:
https://coderoad.ru/20141450/
顺便一提, Laravel /PHP/ 生成 HTML - 不是浏览器。

君笑尘

赞同来自:

让我们说你有 3 纽扣:


<input disabled="disabled" type="button" value="hello world"/>
<input disabled="" type="button" value="hello world"/>
<input type="button" value="hello world"/>


要使已禁用的按钮时尚,您可以使用以下内容 css:


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


这将仅影响禁用的按钮。

要停止悬停光标时的颜色更改,还可以使用它:


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


您也可以避免这种使用 css-reset.

三叔

赞同来自:

符号在选择器中 CSS 选择子元素。


.btn input


它基本上是你写的,他会选择
<input/>

任何元素内的元素
btn

.

我想你正在寻找


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


它可以选择
<input/>

具有属性的元素
disabled

和班级
btn

在三个不同的州
hover

,
active


focus

.

要回复问题请先登录注册