现在那些前端 UI 组件库,修改其单个控件样式的方法是什么

112 天前
 abcbuzhiming
我是在实际使用中发现这个问题的,就是那些别人写好的 UI 组件库,似乎很难修改其样式:有时候最多暴露一些属性让你调整(更多的组件干脆就不暴露)。或者在其主题上提供一些全局的属性,让你修改样式。而我很多时候,只是想改改 UI 上个别组件的尺寸,内外边距,颜色。我原本想着这样的需求,写点内联样式就万事了,对不起,做不到。。。它根本不给你内联的机会。因为我之前写过别的基于标记语言设计界面的程序,诸如 WPF ,Flutter 。它们想修改默认 UI 上个别组件的样式非常简单,直接加个 id ,选择器就能套样式了。但是我在这些 web 组件上,没有发现类似的设计。是我方式错了吗?
908 次点击
所在节点    前端开发
7 条回复
wzzx
112 天前
请问具体使用的是哪个 UI 库?
我使用过的 antd ui, element ui,material ui 都是有办法修改的
murmur
112 天前
带支持变量的覆盖覆盖变量,不支持的全局 css 干他,前端的定制是最简单的,!important 专治各种不服

公司的项目就野一点,反正不是开源项目没人审你代码
abcbuzhiming
112 天前
@wzzx 我用的 naiveUI ,它的文档没有明确提到如果想在组件没有提供 style 这个属性的时候,该如何改样式。

element ui 我倒是看了一下,确实可以改

@murmur 能不能不用全局 CSS 啊?
jackple
111 天前
jackple
111 天前
修改主题?
Akuta
111 天前
选择器选到元素上改呗
chuck1in
108 天前
现在有很多 headless ui 框架,似乎可以改样式。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1061822

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX