【活字格骚操作】纯CSS改变默认组合框样式！

一般的下拉菜单是这样，有时候在页面底部可能还会遇到这种情况


经过CSS鬼斧神工改完以后是这个效果







首先下拉框可以朝上或朝下，另外整个边框融为一体，无缝衔接
是不是好看多了？
附上CSS代码
使用说明：如果需要下拉框朝上，只需要给组合框加上类名“dropdown-up”，赶紧试试吧！

1. /*下拉框*/
   
2. .dropdown-up .gcim-dropdown-down {
   
3.     bottom: 88% !important;
   
4.     top: auto !important;
   
5.     border-top: solid 1px #4db8ff !important;
   
6.     border-bottom: none !important;
   
7.     border-radius: 3px 3px 0 0 !important;
   
8. }
   
9. .gcim-dropdown-down {
   
10.     border-top: none !important;
    
11.     border-bottom: solid 1px #4db8ff;
    
12.     border-radius: 0 0 3px 3px;
    
13.     border-left: solid 1px #4db8ff;
    
14.     border-right: solid 1px #4db8ff;
    
15.     top: 00% !important;
    
16. }
    
17. .gcim-dropdown-down .gcim__listbox {
    
18.     border: none !important;
    
19.     width: auto !important;
    
20. }

复制代码

兼职活字格开发 | VX:13972707111
主攻：前端UI设计、交互逻辑设计、移动端页面设计、后端命令、表结构设计、业务逻辑处理等
个人简历：活字格低代码开发大赛二等奖、活字格高级认证工程师
案例：请点击个人主页查看，已与论坛多位大佬、企业合作开发过多款大中小型应用

@胡老板过来挨板子

这个行！你有没有多做几个组件啊

糖小福 发表于 2021-3-30 19:36
这个行！你有没有多做几个组件啊

我都是做工程的过程中，遇到了就处理一下

phoben 发表于 2021-3-30 23:27
我都是做工程的过程中，遇到了就处理一下

- - 坐等更多小玩意儿产出

大佬如果方向朝下这个组合框类名应该怎么写？

dropdown-up