找回密码
 立即注册

QQ登录

只需一步,快速开始

Lynn.Dou 讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-12-30 11:59  /   查看:2842  /  回复:0
背景:
如下图,为单元格下拉菜单默认样式:

用户希望修改下拉框的相关样式,本文就来介绍下如何实现。

思路:
SpreadJS 未提供修改下拉框样式的相关接口,不过可以通过修改css样式来实现。
1、修改下拉列表背景色
  1. .gc-list-control {
  2.     background-color: yellow!important;
  3. }
复制代码


2、修改下拉项hover背景色
  1. .gc-list-control-item:hover {
  2.     background: pink!important;
  3. }
复制代码


3、设置下拉列表滚动条
  1. .gc-list-control{
  2.     max-height: 300px;
  3.     overflow:scroll;
  4. }
复制代码


最终效果如下图:
image.png750445556.png

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部