2017-04-11 70 views
0

在我的网站上有一个禁用的按钮。悬停事件发生后,它会更改错误的颜色。什么是引导禁用按钮悬停类名称?

我想更改此按钮的悬停颜色,我找不到/不知道什么是禁用的类名称按钮悬停在引导框架中为此问题。

〔实施例是:

<button type="submit" class="btn btn-primary" disabled="disabled">My disabled button</button> 
+0

这里有什么问题?为什么你的班级名单外的“禁用”班? –

+0

难道你有一个css定义覆盖默认的禁用悬停背景? – sk904861

+1

@GurtejSingh这是一个属性,而不是类名 –

回答

1

这是两种类型的残疾人按钮,你可以引导使:

1.Disabled UI,而不是按钮本身[使用类disabled(试点击片段中的按钮)

2.Button disabled | Bootstrap在默认情况下在此处应用禁用的效果。 [或者同时使用:属性和disabled类]。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 
<button type="submit" class="btn btn-primary disabled" onclick="alert('not actaully disabled');">My disabled button</button> 
 
<button type="submit" class="btn btn-primary" disabled onclick="alert('not actaully disabled');">My disabled button</button>

-1

引导有禁止类按钮 你可以使用这样

<input type="submit" class="btn btn-default" disabled> 

CSS 

input[disabled] { 
    cursor:not-allowed; 
} 

的按钮关闭没有任何JavaScript的需要。

+0

这不会实际上禁用按钮。它只会添加禁用的效果,即:按钮仍然是可点击的! –

+0

只需在您的代码输入中添加小css [禁用] {0} {0} {0} {0}光标:不允许; } – Hacker

+0

是不是任何浏览器的默认行为?你只需要将'disabled'属性添加到按钮mate':)' –

0

谢谢你的帮助。 我发现这个问题的类名称正确。

只要把

.btn[disabled]:hover { 
    background:#bedd16; 
    } 

.btn[disabled]:active:focus { 
    color: #000000; 
    } 

.btn[disabled]:focus { 
    background: #bedd16; 
    color: #666666; 
    } 

变革中被禁用按钮悬停化背景...;)

0
.btn-default[disabled] { 
background: #ccc !important; 
} 
.btn-default[disabled]:hover { 
background: #ccc !important; 
} 

我用这个。