0

When I hover over the close button on a Bootstrap 3 Dismissible Alert, what styling am I seeing?

I know the colour is changed to black, but I can't figure out what the opacity is.

Context: I'm working backwards and putting this into Sketch for a design using customised Bootstrap components.

2 Answers 2

1

By using the inspect elements in chrome browser you can toggle hover effects, you see the button having the .close class. This is what causing the button to be black. Following styles apply:

.close:focus, .close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
1
  • Perfect, thanks! I couldn't spot how to view that in the inspector. Forcing a hover state was what I was after Oct 14, 2016 at 15:08
0

You're actually seeing the .close:hover style there

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.