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.