rain
18 lines
1.9 KiB
CSS
18 lines
1.9 KiB
CSS
/* selectY 样式表*/
|
|
.selectY-box{position: relative;display:inline-flex;align-items:center;gap:8px;min-height:38px;}
|
|
.selectY-box .show{position:relative;height:38px;line-height: 36px;padding:0 38px 0 14px;min-width:360px;display: inline-block;background:#f8fafc;cursor: pointer;border-radius:8px;color:#061b4f;box-sizing:border-box;box-shadow: inset 0 1px 0 rgba(255,255,255,.8);transition:border-color .2s,background .2s,box-shadow .2s}
|
|
.selectY-box .show:hover{background:#fff;border-color:#b9c5dc;box-shadow:0 2px 8px rgba(16,43,106,.08)}
|
|
.selectY-box .show:after{font-family:'layui-icon'!important;content: "\e602";color:#8d99ad;position: absolute;top:0;right:12px}
|
|
.selectY-box .show i{color:#aab4c4;padding:0 7px}
|
|
.selectY-box .show .cl-exp{color:#7b8798}
|
|
.selectY-box .selectY-clear{height:32px;padding:0 12px;border:1px solid #dfe3eb;border-radius:8px;background:#fff;color:#183c8d;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
|
|
.selectY-box .selectY-clear:hover{border-color:#183c8d;background:#eef3ff}
|
|
.selectY-box .pop{position: absolute;z-index:99;top:42px;left:0;display: none;width:max-content;white-space:nowrap;box-shadow: 0 12px 28px rgba(16,43,106,.16);border-radius:10px;overflow:hidden;}
|
|
.selectY-box .show,.selectY-box .pop ul{border:1px solid #dfe3eb;}
|
|
.selectY-box .pop ul{background-color:#fff;min-width:180px;height:237px;padding:6px 0;display:inline-block;vertical-align:top;margin-left: -1px;overflow :auto;white-space:normal;}
|
|
.selectY-box .pop ul:first-child{margin-left:0}
|
|
.selectY-box .pop ul li{padding:7px 32px 7px 16px;position: relative;cursor: pointer;color:#172554;line-height:20px}
|
|
.selectY-box .pop ul li.child-row:after{font-family:'layui-icon'!important;content: "\e602";color:#b9c1d0;position: absolute;top:7px;right:10px}
|
|
.selectY-box .pop ul li:hover{background-color:#f4f7fc}
|
|
.selectY-box .pop ul li.active{color:#183c8d;font-weight:700;background:#eef3ff}
|