Reactjs ant设计：修改输入组件的边界半径

我有以下ant design search输入组件：

 <Search
  size="large"
  placeholder="Search..."
  className="dashboardSearch"
  />

---

是否仍然需要修改搜索输入组件的边界半径？通常，当我直接修改ant设计类名时，它会起作用。但在这种情况下，情况并非如此。还有其他方法我没有找到吗？

您需要在

输入.Search

中定位

.antd input

类

例如，使用JS中的

CSS

：

const RoundSearch=styled（Input.Search）`
.蚂蚁输入{
边界半径：25px；
}
`;
导出默认函数App（）{
返回(
);
}

或者在您的情况下：

.dashboardSearch {
  .ant-input {
    border-radius: 25px;
  }
}

---

您好，我也遇到了同样的问题，您知道如何对输入文本字段执行此操作吗？

.dashboardSearch {
  .ant-input {
    border-radius: 25px;
  }
}