我想使用 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/