title: How to remove or improve :focus style on Bootstrap Carousel?
body: <p>I did a carousel with bootstrap but the ":focus" doesn't work well.</p>
  
  <p>Look at this bootply : <a href="http://www.bootply.com/iGyjdSSrhC" rel="nofollow">http://www.bootply.com/iGyjdSSrhC</a></p>
  
  <p>If you click on the chevron "Next" it will stay "white" (as Hovered). This is due the :focus style that is the same as the :hover.</p>
  
  <p>I tried to change the :focus to put the same as non-hovered but after that it doesn't change on hover...</p>
  
  <p>I think the button doesn't "reset" itself and thinks it is focused all the time. How can I change that?</p>