css - Bootstrap Dismissible Alert 上关闭按钮的悬停状态使用什么样式？

Question

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

我知道颜色变成了黑色，但我不知道不透明度是多少。

上下文:我正在逆向工作并将其放入 Sketch 中以使用自定义的 Bootstrap 组件进行设计。

Answer 1

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

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