在CSS中设置ant设计图标的厚度
我曾尝试在css中使用笔划和笔划宽度设置圆的厚度,但没有一个有效。图标是从antdesign导入的。 有人能帮忙吗?非常感谢。谢谢 当前我的代码如下所示(React)在CSS中设置ant设计图标的厚度,css,reactjs,ant-design-pro,Css,Reactjs,Ant Design Pro,我曾尝试在css中使用笔划和笔划宽度设置圆的厚度,但没有一个有效。图标是从antdesign导入的。 有人能帮忙吗?非常感谢。谢谢 当前我的代码如下所示(React) 在这里输入代码 看起来你好像有打字错误:斯托克:“\408021”。将其更新为stroke,它应该可以工作。您有一个输入错误“storke”,应该是“stroke”,但这不是问题所在。要使线条更厚,您需要使用笔划属性等于白色或等于背景色来擦除部分填充区域: <PlusCircleOutlined style={{
在这里输入代码
看起来你好像有打字错误:斯托克:“\408021”
。将其更新为stroke,它应该可以工作。您有一个输入错误“storke”,应该是“stroke”,但这不是问题所在。要使线条更厚,您需要使用笔划
属性等于白色
或等于背景色来擦除部分填充区域:
<PlusCircleOutlined style={{
fontSize: "50px",
color: "#408021",
strokeWidth: "30", // --> higher value === more thickness the filled area
stroke: "white"
}}/>
值越高===填充区域的厚度越大
笔画:“白色”
}}/>
谢谢你的回答,它真的很有效。但有一个问题。如果我将笔划宽度设置为30,当图标放置在图像上时,会出现白色外边框。你能建议一种不影响背景颜色的厚度设置方法吗?
<PlusCircleOutlined style={{
fontSize: "50px",
color: "#408021",
strokeWidth: "30", // --> higher value === more thickness the filled area
stroke: "white"
}}/>