twitter bootstrap 3 - Transparency bug IE11 -

ie 11.0.9600.17690 update kb3032359 on computers shows inappropriate transparent areas in response keyboard input in elements formatted bootstrap3 form-control class.

this rendering bug triggered use of transparency box-shadow attribute used bootstrap place blue halo around focused control. can resolved adding following class override.

.form-control:hover {   -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,255,1);   -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,255,1);   box-shadow: 0px 0px 4px 0px rgba(0,0,255,1);   border-color: #888; }  .form-control:focus {   -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,255,1);   -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,255,1);   box-shadow: 0px 0px 4px 0px rgba(0,0,255,1);   border-color: dodgerblue; } 

the key difference bootstrap style alpha channel set 1 (no transparency). doesn't quite polished transparency, doesn't trigger bug.