CSS&JS/👀Study and Copy

IE에서 input type="text"의 value나 텍스트가 보이지 않는 현상

arancia_ 2021. 2. 16. 15:52

stackoverflow.com/questions/46414326/ie-11-input-not-displaying-typed-text/46433635

 

IE 11 input not displaying typed text

A work's client has reported an issue in our application when working with IE11. On an specific form, sometimes, when opening it, if you type, the typed text won't show. If I open developer tools,...

stackoverflow.com

크롬이나 사파리 등등 기타 브라우저에서는 멀쩡히 보이는 input type="text/password/search" 등의 value나 변경값이 왜 IE에선 쳐 안보일까

예를들어 다음과 같이 스타일을 줬다고 해보자

input[type="text"]{
display:'block';position:relative;box-sizing:border-box;
padding:1em;}

그러면 다른 브라우저에선 저 인풋의 높이값은 글자크기 + 2em이 됨
하지만 익스는 엥? 몬알아듣겟ㅋ 이 되므로 글자가 화면상에서 쳐보이질 않음

1) box-sizing의 값을 content-box;으로 주고
2) 위 1번을 하고 , height 값을 추가로 따로 주시오