如何在 Discourse 中圆角所有输入框？

开发
1

如何通过 CSS 一次性将它们全部圆角化？

image
image874×409 7.46 KB

2

有一个变量可供您使用，该变量适用于大多数（常规）输入：

var(--d-input-border-radius);

因此，请在 CSS 的根目录中将该变量设置为您喜欢的值：

:root {
--d-input-border-radius: 20px;
}

可能还有一些情况需要您手动调整，但这应该是一个不错的开始。

2 个赞
3

谢谢，我在哪里可以看到我的 Discourse 论坛变量？

4

在 Discourse 的核心代码中，您可以覆盖的自定义属性可以在此文件中找到：

要覆盖其中任何一个，您可以像这样将它们添加到主题的根目录：

image
image1726×838 64 KB

5 个赞
5

非常感谢

1 个赞
6

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.