css - 如何定位 Ant Design 中的所有元素?

标签 css antd

我想使用 Ant Design 框架移除应用程序中的所有圆 Angular 。

我尝试在我的 index.css 中添加 ant* 的不同排列,但我无法让它工作。

index.css

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

.ant {
  border-radius: 0px;
}

最佳答案

Ant Design 允许您自定义我们的设计 token 以满足业务和品牌对 UI 多样性的需求,包括原色、边框半径、边框颜色等。

这里是 documentation

@border-radius-base: 0px; // major border radius

或覆盖上面

@import '~antd/dist/antd.less'; // Import Ant Design styles by less entry
@import 'your-theme-file.less'; // variables to override above

关于css - 如何定位 Ant Design 中的所有元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58470999/

相关文章:

javascript - 通过 TypeScript 导入和 Webpack2 使用 DatePicker

javascript - ant-d upload中如何为removeFile添加PopConfirm一个图片文件

css - Ant Design 中创建固定页脚

html - 如何在 `border-*` 属性中使用百分比?

javascript - 确定给定宽度的每行字符数(基于字体大小、字体系列)

jqueryui : disable input width attribute

reactjs - Nextjs生产应用程序上的页面刷新中断样式

css - 有人可以帮助定位 css 吗?

internet-explorer - IE7 和 IE8 的边框半径

javascript - Antd RangePicker 无法为 Time 设置 12 小时格式