Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Select的prefix属性没有继承表单校验错误的颜色 #51632

Closed
xsjcTony opened this issue Nov 14, 2024 · 1 comment · Fixed by #51694
Closed

Select的prefix属性没有继承表单校验错误的颜色 #51632

xsjcTony opened this issue Nov 14, 2024 · 1 comment · Fixed by #51694
Assignees

Comments

@xsjcTony
Copy link
Contributor

Reproduction link

应该不需要吧,就是一个普通表单,带一个有prefix的Select,校验错误就行

Steps to reproduce

就是一个普通表单,带一个有prefix的Select,校验错误就行

What is expected?

prefix也变成红色,或者给定的--ant-color-error

What is actually happening?

没有继承

Additional context

TreeSelect, Cascader, Calendar可能也都没有?

image

Environment Info
antd 5.22.1
React 18.3.1
System Windows 11
Browser Chrome 130
Copy link

看起来您遇到了一个关于 Ant Design 中 Select 组件的 prefix 属性没有继承表单校验错误颜色的问题。根据您提供的信息,TreeSelectCascaderCalendar 组件可能也存在类似的问题。

这个问题可能是由于 prefix 的样式没有正确应用表单校验错误的颜色。您可以尝试以下方法来解决这个问题:

  1. 自定义样式:您可以通过自定义样式来手动设置 prefix 的颜色。当表单校验错误时,您可以使用 CSS 来更改 prefix 的颜色。例如:

    .ant-select-prefix {
        color: var(--ant-color-error);
    }
  2. 检查样式覆盖:确保没有其他样式覆盖了 prefix 的颜色设置。

  3. 更新 Ant Design:确保您使用的是最新版本的 Ant Design,因为有可能在更新中已经修复了这个问题。

如果这些方法不能解决问题,可能需要在 Ant Design 的 GitHub 仓库中查看是否有相关的 issue 或提交一个新的 issue 来报告这个问题。

如果您有其他问题或需要进一步的帮助,请在评论中描述您的问题并 @petercat-assistant 来开始与我对话。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants