首页
注册
登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请
登录
V2EX
›
前端开发
现在那些前端 UI 组件库,修改其单个控件样式的方法是什么
abcbuzhiming
·
181 天前
· 1016 次点击
这是一个创建于 181 天前的主题,其中的信息可能已经有所发展或是发生改变。
我是在实际使用中发现这个问题的,就是那些别人写好的 UI 组件库,似乎很难修改其样式:有时候最多暴露一些属性让你调整(更多的组件干脆就不暴露)。或者在其主题上提供一些全局的属性,让你修改样式。而我很多时候,只是想改改 UI 上个别组件的尺寸,内外边距,颜色。我原本想着这样的需求,写点内联样式就万事了,对不起,做不到。。。它根本不给你内联的机会。因为我之前写过别的基于标记语言设计界面的程序,诸如 WPF ,Flutter 。它们想修改默认 UI 上个别组件的样式非常简单,直接加个 id ,选择器就能套样式了。但是我在这些 web 组件上,没有发现类似的设计。是我方式错了吗?
样式
修改
组件
7 条回复
•
2024-08-05 08:14:03 +08:00
1
wzzx
181 天前
请问具体使用的是哪个 UI 库?
我使用过的 antd ui, element ui,material ui 都是有办法修改的
2
murmur
181 天前
带支持变量的覆盖覆盖变量,不支持的全局 css 干他,前端的定制是最简单的,!important 专治各种不服
公司的项目就野一点,反正不是开源项目没人审你代码
3
abcbuzhiming
OP
181 天前
@
wzzx
我用的 naiveUI ,它的文档没有明确提到如果想在组件没有提供 style 这个属性的时候,该如何改样式。
element ui 我倒是看了一下,确实可以改
@
murmur
能不能不用全局 CSS 啊?
4
jackple
181 天前
https://www.naiveui.com/zh-CN/os-theme/docs/customize-theme
5
jackple
181 天前
修改主题?
6
Akuta
181 天前
选择器选到元素上改呗
7
chuck1in
178 天前
现在有很多 headless ui 框架,似乎可以改样式。
关于
·
帮助文档
·
博客
·
API
·
FAQ
·
实用小工具
·
1774 人在线
最高记录 6679
·
Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 24ms ·
UTC 10:43
·
PVG 18:43
·
LAX 02:43
·
JFK 05:43
Developed with
CodeLauncher
♥ Do have faith in what you're doing.