Search code examples
htmlcsstwitter-bootstrapshadow

Bootstrap - Default CSS Box Shadow for Inputs with 'form-control' Class


Does anyone know what the box shadow is that is applied to the Boostrap form-control inputs? I am looking to replicate the same blue glow that appears when you hover over an input that uses Bootstrap's form-control class. Would anyone be so kind as to share the CSS code?

I have looked through the Github for Boostrap but could not find it anywhere.

Thanks,


Solution

  • border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    

    If you want to see the implementation of other components just inspect it - http://getbootstrap.com/components/