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

Posted 2023-03-15

参考技术A 开开心心抓了一个el-date-picker来做时间选择器，谷歌浏览器上完全OK，一到火狐，雪崩，选择日期的地方全都挤在一起了。

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

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

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

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

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

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