【问题标题】:How to remove colons in Form.input antd design react?如何删除 Form.input antd design react 中的冒号?
【发布时间】:2020-08-01 03:01:09
【问题描述】:

Ant design 在表单输入中的标签后总是有冒号。 可以去掉吗?

https://ant.design/components/form/#components-form-demo-layout

【问题讨论】:

  • 使用其他框架,例如 Material UI,或者自己制作

标签: reactjs antd


【解决方案1】:

将表单标签的冒号属性设置为 false

  <Form
    colon={false}
   >

  </Form>

【讨论】:

  • 谢谢。这很有帮助。我在 antd 文档中找到了这个,但实际上不知道如何设置。
【解决方案2】:

您可以使用 css 将其删除

        .ant-form-item label:after {
          content: none;
        }

顺便说一句,AntD 在移动端不显示冒号。

【讨论】:

  • 先使用antd API。他们可以选择在 Form.Item 中设置属性冒号={false}。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-05-10
  • 2017-11-07
  • 2019-07-05
  • 1970-01-01
  • 2017-01-08
相关资源
最近更新 更多