Question

大家好！

我想问一下如何创建一个CLOSE BUTTON（x），可用于MaterialiseCSS中的卡片或卡片面板。 Bootstrap有一个Alert组件，不幸的是，MaterialiseCSS没有。

有办法吗？

我的提醒（卡片面板） IMAGE 1: My Alert (Card-panel)

这就是我想做的事情。（我在某处看到了这个，但代码不是免费的）。

IMAGE 2: What I would like to do

非常感谢评论，建议和帮助。

注意：我无法发布图片，因为我没有至少10个声望。谢谢。

Answer 1

我已经解决了我自己的问题。

我会与正在寻找同一问题答案的其他人分享。

Alert

我没有使用卡/卡面板，而是使用了'Chip'。

这是代码。

<div class="row">
    <div class="col s12 m10 l10 offset-m1 offset-l1">
        <div class="chip green" style="padding: 10px 10px 10px 10px; width: 100%; height: 50px;">
            <i class=" close material-icons right white-text">close</i>
            <i class="material-icons white-text left" style="padding-top: 2px;">check_circle</i>
            <h6 class="white-text"><b>SUCCESS!</b> Your password has been changed.<h6>
        </div>
    </div>
</div>

你可以添加border-radius：0;如果你想删除圆边。

MaterialiseCSS - 如何向卡/卡面板添加关闭按钮？

1 个答案: