html5 关闭按钮样式,关闭按钮样式-css-less
// 清除按钮.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-inden
·
// 清除按钮
.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;
}
}
} « 上一篇：
常见问题汇总
地图服务链接
：下一篇 »
汇聚全球AI编程工具，助力开发者即刻编程。
更多推荐
0
0- 0
已为社区贡献2条内容
所有评论(0)