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

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

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

document.querySelector('body > div.el-picker-panel.el-date-picker.el-popper.has-sidebar > div.el-picker-panel__body-wrapper > div.el-picker-panel__body > div.el-picker-panel__content > table.el-date-table > tbody > tr:nth-child(2) > td:nth-child(3) > div > span')

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

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

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

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

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


el-date-picker在火狐浏览器不能正确显示的问题_第1张图片

你可能感兴趣的:(el-date-picker在火狐浏览器不能正确显示的问题)