现在那些前端 UI 组件库,修改其单个控件样式的方法是什么 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
abcbuzhiming
V2EX    前端开发

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

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

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

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

    @murmur 能不能不用全局 CSS 啊?
    jackple
        4
    jackple  
       2024-08-02 08:44:14 +08:00
    jackple
        5
    jackple  
       2024-08-02 08:44:25 +08:00
    修改主题?
    Akuta
        6
    Akuta  
       2024-08-02 09:27:54 +08:00
    选择器选到元素上改呗
    chuck1in
        7
    chuck1in  
       2024-08-05 08:14:03 +08:00
    现在有很多 headless ui 框架,似乎可以改样式。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3153 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 23ms UTC 00:34 PVG 08:34 LAX 17:34 JFK 20:34
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86