【兼容性】element-ui 火狐瀏覽器select搜索條件無匹配時界面不友好

element-ui 版本: 2.9.1

1.搜索沒數據時火狐瀏覽器:
在這裏插入圖片描述
在這裏插入圖片描述
2.搜索沒數據時谷歌瀏覽器:
在這裏插入圖片描述

在這裏插入圖片描述

原因:
主要是因爲火狐瀏覽器和谷歌瀏覽器默認的overflow:scroll顯示的滾動條的高度不一樣

在這裏插入圖片描述
可以如下方式優化CSS:

/*修復火狐瀏覽器 顯示問題*/ 
.el-scrollbar.is-empty .el-select-dropdown__wrap { 
	height:0 
}

親測火狐瀏覽器與谷歌瀏覽器的overflow:scroll 的高度不一樣:

在這裏插入圖片描述

高度如下:

谷歌 火狐
17px 51px


overflow:scroll在線預覽

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章