如何使 Materialise 的点击目标成为矩形

Question

我正在使用 materialize-css 并且我想使磁带目标区域成为矩形如何实现？

目前我的点击目标区域是这样的，我的内容是隐藏的：-

我的 html 代码是这样的：-

<div class="fixed-action-btn" style="bottom: 100px; right: 24px;">
    <a id="menu" class="btn btn-floating btn-large cyan">
        <i class="material-icons">menu</i>
    </a>
</div>

<!-- Tap Target Structure -->
<div class="tap-target cyan" data-target="menu">
    <div class="tap-target-content white-text">
        <h5>Holiday List</h5>
        <p class="white-text" style="font-size:120%;">
            <b>
                Sat Aug 01 Bakri Id<br>
                Mon Aug 03 Raksha Bandhan<br>
                Wed Aug 12 Janamasthami<br>
                Sat Aug 15 Independence Day<br>
                Fri Oct 02 Gandhi Jayanti<br>
                Mon Oct 26 Dusshera<br>
                Sat Nov 14 Diwali<br>
                Mon Nov 16 Bhai Duj<br>
                Fri Dec 25 Christmas Day
            </b>
        </p>
    </div>
</div>

Answer 1

.tap-target {
    border-radius: 0;
}

检查元素，查看应用的样式并根据需要覆盖 - 任何圆形都可能具有 border-radius:50%。

在某些情况下，您可能需要使用 !important:

.tap-target {
    border-radius: 0 !important;
}

如何使 Materialise 的点击目标成为矩形

How to make Materialize tap-target rectangular in shape

html

css

materialize