在Bootstrap Dismissible Alert上关闭按钮的悬停状态使用什么样式?

时间:2016-10-14 12:53:22

标签: css twitter-bootstrap web less frontend

当我将鼠标悬停在Bootstrap 3 Dismissible Alert上的关闭按钮上时,我看到的样式是什么?

我知道颜色会变成黑色,但我无法弄清楚不透明度是什么。

背景信息:我正在向后工作,并使用自定义的Bootstrap组件将其放入Sketch中。

2 个答案:

答案 0 :(得分:1)

通过在Chrome浏览器中使用inspect元素,您可以切换悬停效果,您会看到button具有.close类。这就是导致按钮变黑的原因。以下样式适用:

.close:focus, .close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}

答案 1 :(得分:0)

你实际上看到了那里的.close:hover风格