javascript - 弹出窗体有关闭 x

Question

我正在寻找一个更干净的弹出窗口关闭 x。我经常看到许多 x 包裹在表格外的圆圈中，我喜欢它的外观。我已经把字母 x 放在我关闭的地方，但这看起来同样糟糕，如果不是更糟的话。如何更改我的弹出窗体以添加干净的 x 以便能够将其关闭。

我创建了一个 fiddle 来展示我所拥有的.. https://jsfiddle.net/x9xcbmtr/

这是我的关闭按钮的当前样式。

.close {
    float: right;
    margin-right: 2px;
    color: #909090;
    text-decoration: none;
}
.close:hover{
    color: #686868;
    text-decoration: underline;
}

Answer 1

使用字体很棒的图标怎么样？像这样:https://jsfiddle.net/x9xcbmtr/1/

<div id="light" class="signInpopup">    <a class="close" href="javascript:void(0)"><i class="fa fa-times-circle-o"></i></a>

其他 x 和关闭按钮/图标查看 https://fortawesome.github.io/Font-Awesome/icons/