关闭按钮样式-css-less

发表于 less 分类，标签:
13 08月 2020
0 
 
      // 清除按钮
        .fd-clear {
            position: absolute;
            right: 30px;
            top: 50%;
            z-index: 2;
            cursor: pointer;
            transform: translate(0, -50%) rotate(45deg);
            width: 19px;
            height: 19px;
            font: 0/0 SimSun;
            border-radius: 50%;
            text-indent: -9999em;
            // 图标
            &::after,
            &::before {
                content: "";
                position: absolute;
                background-color: #444;
            }

            &::after {
                top: 4px;
                left: 9px;
                width: 1px;
                height: 11px;
            }

            &::before {
                top: 9px;
                left: 4px;
                width: 11px;
                height: 1px;
            }

            &:hover {
                background-color: #f0f0f0;
                // 图标
                &::after,
                &::before {
                    background-color: #333;
                }
            }
        }

0 篇评论

发表我的评论