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

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

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

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

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

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

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

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

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

© 2021 V2EX