背景:
如下图,为单元格下拉菜单默认样式:
用户希望修改下拉框的相关样式,本文就来介绍下如何实现。
思路:
SpreadJS 未提供修改下拉框样式的相关接口,不过可以通过修改css样式来实现。
1、修改下拉列表背景色
- .gc-list-control {
- background-color: yellow!important;
- }
复制代码
2、修改下拉项hover背景色
- .gc-list-control-item:hover {
- background: pink!important;
- }
复制代码
3、设置下拉列表滚动条
- .gc-list-control{
- max-height: 300px;
- overflow:scroll;
- }
复制代码
最终效果如下图:
|
|