V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
abcbuzhiming
V2EX  ›  前端开发

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

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

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

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

    @murmur 能不能不用全局 CSS 啊?
    jackple
        5
    jackple  
       142 天前
    修改主题?
    Akuta
        6
    Akuta  
       142 天前
    选择器选到元素上改呗
    chuck1in
        7
    chuck1in  
       139 天前
    现在有很多 headless ui 框架,似乎可以改样式。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2735 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 09:52 · PVG 17:52 · LAX 01:52 · JFK 04:52
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.