如何更改React图标的线宽？
瑞安·罗伯茨（Ryan Roberts）
我到处寻找一个简单的解决方案，但找不到任何有效的方法。我正在尝试为我的输入表单减小这些React SVG图标的线宽，并使其更细。这可能吗？
我尝试使用CSS stroke和stroke-width属性，但是没有用。
伊姆兰·拉菲克（Imran Rafiq Rather）
- 如果您直接将SVG代码用作React Components。您将需要在设置
stroke-width属性的顶层的每个SVG代码中直接使用该属性height, width and fill。
尝试这个：
stroke-width="1"
- 如果您使用的是React-Icons，则可以直接在它们上设置className，然后将CSS应用于CSS文件中。
例如：
import { FaBars } from "react-icons/fa";
然后在使用set并应用CSS时。
<FaBars className="fa-bars" />
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何更改鼠标光标的线宽？
- 2
如何在React中更改svg图标的大小？
- 3
如何更改iconfont图标的悬停颜色？
- 4
如何更改UISearchBar图标的颜色？
- 5
如何更改字体真棒图标的颜色
- 6
Android：如何更改菜单图标的颜色
- 7
如何更改标记图标的内容？
- 8
如何更改导航图标的颜色
- 9
如何更改图标的颜色？
- 10
如何更改应用于窗口图标的缩放算法？
- 11
如何在Android中更改字体图标的颜色
- 12
如何更改Angular Material中md图标的颜色？
- 13
如何在JOptionpane中更改图标的位置？
- 14
如何更改工具栏中抽屉图标的颜色
- 15
如何更改ActionBar汉堡包图标的颜色？
- 16
如何在操作模式下更改文本/图标的颜色？
- 17
使用Materialize CSS时如何更改Google图标的颜色？
- 18
如何在TextView上更改drawableL图标的大小？
- 19
如何在UIButton中更改SF图标的大小
- 20
如何更改Flutter应用默认图标的背景？
- 21
如何在Cinnamon上更改Dekstop图标的图像？
- 22
MATE Indicator Applet 1.24 - 如何更改图标的间距？
- 23
如何更改html中组合框内图标的位置？
- 24
如何更改 Shopify 'Brooklyn' 主题中付款图标的大小？
- 25
如何更改工具栏中图标的颜色？
- 26
更改面板图标的大小
- 27
更改菜单图标的颜色
- 28
更改AngularJS材质图标的图标大小
- 29
如何在不更改CSS背景的情况下正确更改Fontello图标的颜色
我来说两句