el-date-picker在火狐浏览器不能正确显示的问题

如题所述

第1个回答  2022-07-24
开开心心抓了一个el-date-picker来做时间选择器,谷歌浏览器上完全OK,一到火狐,雪崩,选择日期的地方全都挤在一起了。

打开火狐的F12,逐一排查css样式的问题,最后发现是

span里面position:absolute了,导致挤在一起。我试了下如果把position改成relative的话就ok,在谷歌上也没多大影响,只是集体会左移一点点。

于是漫长的修改elementUI默认样式的探索方法就开始了。

注意,这里我一开始以为生成的元素是绘制在我写的元素里面的,但后来发现他是基于最外层body的。

于是,我copy了这个el-date-picker的最外层的class,然后强制将其所有内部的span都position:relative了,简单粗暴。

效果目前还没有发现问题。