Select menu background goes black on IE for angular material md-select

Question

There is one issue with the angular material with IE-11 and IE-edge browsers, When the body content is vertically scrolling then angular meterial show the black border around the select box as shown in this image. Here is also the code pen where the issue is reproduced. State {{state.abbrev}} http://codepen.io/anon/pen/BzRjBx Issue can be solved by removing the position:fixed. but it will create issue with the angular material functionality. What to do? JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

Answer 1

none of the other answers I posted earlier seem to be a perfect fit although they initially seemed to resolve the issue. The real culprit seems to be the background set by angular-material. See the following codepen for the fix: http://codepen.io/anon/pen/gwOdNm The following style causes this issue: html.md-default-theme, html, body.md-default-theme, body { color: rgba(0,0,0,0.87); background-color: rgb(250,250,250); } overriding with the following style seems to be completely fixed the issue: html.md-default-theme, html, body.md-default-theme, body { background-color: transparent; }