Javascript 如何添加一个关闭按钮来使用CSS提醒日志？

我正在尝试将此关闭按钮添加到我的。最终显示应如下所示：

我尝试了SO上列出的几种解决方案，但由于某种原因，我无法将关闭按钮移出

警报日志

消息。关闭按钮的溢出总是隐藏的，我尝试过使用CSS设置，但它不起作用

var fn=function（）{
alertify.log（'如何添加关闭按钮？'）；
};
fn（）
。关闭图标
{
位置：绝对位置；
顶部：-5px；
右：-5px；
显示：块；
框大小：边框框；
宽度：20px；
高度：20px；
边框宽度：3倍；
边框样式：实心；
边框颜色：黑色；
边界半径：100%；
背景：-webkit线性梯度（-45度，透明0%，透明46%，白色46%，白色56%，透明56%，透明100%），-webkit线性梯度（45度，透明0%，透明46%，白色46%，白色56%，透明56%，透明100%）；
背景色：黑色；
盒影：0px 0px 5px 2px rgba（0,0,0,0.5）；
过渡：所有0.3秒缓解；
}

试验
问题在于内容溢出容器，并且内容被隐藏。解决此问题的简单方法是：

.alertify-logs > div {
  overflow: visible;
}


var fn=function（）{
alertify.log（'如何添加关闭按钮？'）；
};
fn（）
。关闭图标
{
位置：绝对位置；
顶部：-5px；
右：-5px；
显示：块；
框大小：边框框；
宽度：20px；
高度：20px；
边框宽度：3倍；
边框样式：实心；
边框颜色：黑色；
边界半径：100%；
背景：-webkit线性梯度（-45度，透明0%，透明46%，白色46%，白色56%，透明56%，透明100%），-webkit线性梯度（45度，透明0%，透明46%，白色46%，白色56%，透明56%，透明100%）；
背景色：黑色；
盒影：0px 0px 5px 2px rgba（0,0,0,0.5）；
过渡：所有0.3秒缓解；
}
.alertify logs>div{
溢出：可见；
}

试验
问题在于内容溢出容器，并且内容被隐藏。解决此问题的简单方法是：

.alertify-logs > div {
  overflow: visible;
}


var fn=function（）{
alertify.log（'如何添加关闭按钮？'）；
};
fn（）
。关闭图标
{
位置：绝对位置；
顶部：-5px；
右：-5px；
显示：块；
框大小：边框框；
宽度：20px；
高度：20px；
边框宽度：3倍；
边框样式：实心；
边框颜色：黑色；
边界半径：100%；
背景：-webkit线性梯度（-45度，透明0%，透明46%，白色46%，白色56%，透明56%，透明100%），-webkit线性梯度（45度，透明0%，透明46%，白色46%，白色56%，透明56%，透明100%）；
背景色：黑色；
盒影：0px 0px 5px 2px rgba（0,0,0,0.5）；
过渡：所有0.3秒缓解；
}
.alertify logs>div{
溢出：可见；
}

试验
谢谢！这似乎使它工作！不过我有一个问题。。Alertify非常深入地融入了我们的项目，虽然我可以将其粘贴到我们的site.css中，但您认为这样做会有任何不可预见的影响吗。。为了重新表述我的问题，有没有一种方法可以使这个CSS只应用于只使用“关闭”按钮的日志消息？@supersan是个好问题。CSS没有父选择器，因此有点棘手。我一时想不出办法，但我肯定有办法。谢谢！这似乎使它工作！不过我有一个问题。。Alertify非常深入地融入了我们的项目，虽然我可以将其粘贴到我们的site.css中，但您认为这样做会有任何不可预见的影响吗。。为了重新表述我的问题，有没有一种方法可以使这个CSS只应用于只使用“关闭”按钮的日志消息？@supersan是个好问题。CSS没有父选择器，因此有点棘手。我脑子里想不出一个办法，但我肯定有办法。你是如何将关闭图标类添加到alertify日志的？你是如何将关闭图标类添加到alertify日志的？