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

Question

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

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

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

Answer 1

您实际上看到的是 .close:hover 样式

Answer 2

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

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