skip to Main Content

Why are the twitter-bootstrap styles for button set to overflow:visible?

Like this:

button{
  overflow:visible;
}

2

Answers


  1. Check the reference

    Visible:

    visible Default value. Content is not clipped, it may be rendered
    outside the content box.

    If overflow is auto or scroll it will add scroll-bar to button.
    That’s why Twitter bootstrap used overflow:visible; so that button will be rendered outside the content box.

    Login or Signup to reply.
  2. It belongs to Normalize.css not twitter bootstrap. It is used to reset the value of overflow to visible as it is set to hidden in IE 8/9/10/11 by default.

    //
    // Address `overflow` set to `hidden` in IE 8/9/10/11.
    //
    
    button {
      overflow: visible;
    }
    
    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search