小编leg*_*iel的帖子

.date::-webkit-inner-spin-button,
.date::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
    appearance: none;
}

<input type="date" min="1946-01-01" max="2015-04-01" class="date" value="1946-01-01" required>

这在 PC 浏览器上运行良好，但在移动设备上只有 IOS 可以正常工作。所有 Android 浏览器（Webview、Chrome、Firefox）只能隐藏内部旋转按钮，日历选择器三角形仍然可见。

我在 next.js 中使用带有 Sass 的 css 模块，但出现此错误

:global {
    .slick-track {
        display: flex; // Syntax error: Selector ":global .slick-track" is not pure (pure selectors must contain at least one local class or id)
    }
}

这与官方的 css-modules 文档示例相同，但使用 Sass 而不是 Less，但在 Sass 语法中，这应该可以工作。

我看到了这个问题，但它使用了一个标签，而我使用的是一个类，所以它应该是纯的。

当我添加()到 :global 时，它不会弹出错误，但样式未应用（您在浏览器控制台中找不到此样式）

:global() {
    .slick-track {
        display: flex; // No error, but style not working
    }
}

对于这个 scss 文件，它没有任何依赖项（@import @use等），但我认为情况并非如此。

我尝试postcss.config.js根据此添加自定义但也不起作用。

我尝试更改字体大小和行高但失败。我尝试过内联样式：

<div style="font-size: 12px; line-height: 12px;")>bla</div>

和班级：

<style>
.footnote {font-size: 12px !important; line-height: 12px !important;}
</style>

<div class="footnote">bla</div>

和 Markdown 语法：

<font size=1>bla</font>

它们都不起作用。在 Concole 中，DOM 就像：

<div>bla</div>

并且样式始终由默认 markdown 定义：

.markdown-body {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
    font-size: 16px;
    line-height: 1.5;
}

看来我的设置没有效果，甚至没有添加类。

我还尝试了其他一些标签，例如<p> <span>但不起作用。

PS 在 VS Code Github Markdown 预览中它显示正确。