Nextjs + Tailwind 在无 class 或 className 属性的控件上如何应用 tailwind 的样式呢
devzhaoyou · 220 天前 · 2281 次点击这是一个创建于 220 天前的主题，其中的信息可能已经有所发展或是发生改变。
如题，有些控件不能通过 class 或者 className, 如何应用 tailwind 的样式呢，如指定字体
11 条回复 • 2024-04-20 13:51:11 +08:00
 |
1
ericguo 220 天前
二选一，要么不要用这样的控件（比如 AntD ），要么不要用 Tailwind 。
|
 |
3
youtubbbbb 220 天前
可以用 useRef 通过操作 DOM 去加 class ，但是这种写法是不推荐的。
|
 |
4
northquq 220 天前
@youtubbbbb 这种动态加的方法，不一定能被 tailwind 识别出来，导致编译后丢失 class 对应的样式吧
|
 |
5
mooooooooooe 220 天前
二楼正解
|
 |
6
epiloguess 220 天前
外面套个娃?
|
 |
8
Pencillll 220 天前 via Android
用 arbitrary variants 就行了，在控件外面的父元素写个 class ，比如：
[&_.xxx]:font-sans [&>div>span]:font-sans [&_*]:!font-sans 参考： https://tailwindcss.com/docs/hover-focus-and-other-states#using-arbitrary-variants |
 |
9
devzhaoyou OP 感觉各位，验证一下各位的方案，感谢
|
 |
10
lawted 220 天前
使用 shadcn 或者 headless ui
|
Select Language