使用dangerouslySetInnerHTML修改局部或全部样式

1,090 阅读1分钟

使用dangerouslySetInnerHTML修改局部或全部样式

    defaultConfig = {
      title: '新增身份标签',
      className: 'add-tag-modal',
      icon: null,
      closable: true,
      okText: '确定',
      content: (
        <div>
          <div dangerouslySetInnerHTML={{
            __html: `
            <style>
              .add-tag-modal .ant-modal-close{display: block;}
              .add-tag-modal .ant-modal-confirm-body .ant-modal-confirm-title{margin-top: -12px;margin-bottom: 16px;}
              .add-tag-modal .ant-modal-confirm-btns .ant-btn[disabled]{color: #fff;background: #DBE1EF;border:none;}
              </style>
          `,
          }}
          />
          <Form ref={form}>
            <Form.Item
              name="tag"
            >
              <Input allowClear onChange={onTagChange} placeholder="请输入要添加的身份标签" maxlength={20} />
            </Form.Item>
          </Form>
        </div>
      ),
      onOk: () => this.addOrDelTag(1, form),
      okButtonProps: {
        disabled: true,
      },
    };
    info = Modal.info(defaultConfig);