.cancel {
width: 40rpx;
height: 40rpx;
line-height: 38rpx;
border: 2rpx solid #EDF2F5;
background-color: #EDF2F5;
border-radius: 50%;
position: absolute; /* 父组件赋予属性relative生效 */
right: 20rpx; /* 使元素处于右上角-右 */
top: 20rpx; /* 使元素处于右上角-上 */
}
.cancel::before,
.cancel::after {
content: "";
position: absolute;
height: 28rpx;
width: 2rpx;
top: 6rpx; /* 使X处于圆中心 */
left: 18rpx; /* 使X处于圆中心 */
background-color: #353535;
}
.cancel::before {
transform: rotate(45deg);
}
.cancel::after {
transform: rotate(-45deg);
}
大概是这样