在CSS中设置ant设计图标的厚度

在CSS中设置ant设计图标的厚度,css,reactjs,ant-design-pro,Css,Reactjs,Ant Design Pro,我曾尝试在css中使用笔划和笔划宽度设置圆的厚度,但没有一个有效。图标是从antdesign导入的。 有人能帮忙吗?非常感谢。谢谢 当前我的代码如下所示(React) 在这里输入代码 看起来你好像有打字错误:斯托克:“\408021”。将其更新为stroke,它应该可以工作。您有一个输入错误“storke”,应该是“stroke”,但这不是问题所在。要使线条更厚,您需要使用笔划属性等于白色或等于背景色来擦除部分填充区域: <PlusCircleOutlined style={{

我曾尝试在css中使用笔划和笔划宽度设置圆的厚度,但没有一个有效。图标是从antdesign导入的。 有人能帮忙吗?非常感谢。谢谢

当前我的代码如下所示(React)


在这里输入代码

看起来你好像有打字错误:
斯托克:“\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" 
  }}/>