Skip to content

[input] borderType类型为bordered时input输入框的禁用态字体颜色错误 #995

@albyben

Description

@albyben

重现链接或代码

import React from 'react'
import ReactDOM from 'react-dom'
import { Input } from '@kdcloudjs/kdesign'
const Demo = () => {
  const inputStyle = {
    marginBottom: 8,
    marginRight: 8,
    width: 230
  }
  return (
    <div
      style={{
        width: '300px'
      }}>
      <Input style={inputStyle} placeholder="基本使用" disabled />
      <Input style={inputStyle} value="全边框" borderType="bordered" disabled />
      <Input style={inputStyle} value="无边框" borderType="none" disabled />
      <Input style={inputStyle} placeholder="请输入" prefix="金额" suffix="rmb" disabled />
      <Input style={inputStyle} placeholder="请输入" borderType="bordered" prefix="金额" suffix="rmb" disabled />
      <Input style={inputStyle} placeholder="请输入" borderType="bordered" addonBefore="金额" addonAfter="rmb" disabled />
    </div>
  )
}
ReactDOM.render(<Demo />, mountNode)

重现问题步骤

borderType类型为bordered时input输入框的禁用态字体颜色,应该为#212121,实际为#b2b2b2。添加prefix和suffix 时 字体颜色应该为#999, 实际为#666

期望的结果是什么

实际的结果是什么

组件库版本号、浏览器信息

组件库与浏览器均为最新版本

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions