Input、Select disable下样式覆盖

最新推荐文章于 2023-03-14 21:39:03 发布

懒得懒

最新推荐文章于 2023-03-14 21:39:03 发布

阅读量819

点赞数

分类专栏： antd组件修改文章标签：前端

本文链接：https://blog.csdn.net/wuChiSha/article/details/126891131

版权

antd组件修改专栏收录该内容

1 篇文章 0 订阅

订阅专栏

  :global {
    .ant-input .ant-input-disabled {
      background-color: transparent;
      cursor: default;
    }
    .ant-input[disabled] {
      background-color: transparent;
      cursor: default;
     
  }

  .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    background-color: transparent;
    cursor: default;
 }
 .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: default;
    
 }
}

又一次需要设置antd中Input和Select组件在disable下的样式，真的太麻烦了，尤其是去掉那个“禁用”的标志，找了半天才发现，原来是要设置cursor