解决ie9环境下modal框上的input输入框无光标问题

189 阅读1分钟

ie9环境下在modal框中input无光标问题,网上找了许久无解,发现包括热门的Vue ui库 elementUI 也同样具有此问题,自己debug许久,才找到是modal框的transform样式属性的问题。 解决方案:

1. 根据UA判断ie9环境,modal组件去除所相关transform的属性。此举副作用:modal居中问题。
2. modal定高定宽,故居中仍可采用position:fixed left:50% top:50%, 但是需要设置modal的margin-top和margin-left为modal高宽的一半的负值,使居中。