#yyds干货盘点#【React工作记录二十八】重置ant design得样式

简介: #yyds干货盘点#【React工作记录二十八】重置ant design得样式

前言


我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷


导语


歌谣 歌谣 这个模块得样式需要重新修改 需要重置ant design得样式


图片.png

代码部分


```javascript
import styles from './TestPage.less';
<Select
  mode="multiple"
  style={{ width: 300 }}
  placeholder="Please select"
  className={styles.customSelect}
  >
    {children}
 </Select>
// TestPage.less
.customSelect {
  :global {
    .ant-select-selection {
      max-height: 51px;
      overflow: auto;
    }
  }
}


总结


需要分成两步 第一步额外建立样式 第二步引入 即可解决



相关文章
|
前端开发 算法 JavaScript
React-组件-内联样式 和 React-组件-列表渲染优化
React-组件-内联样式 和 React-组件-列表渲染优化
206 0
|
前端开发 JavaScript
react 修改 antdesign 的 组件默认样式
react 修改 antdesign 的 组件默认样式
598 0
|
前端开发 JavaScript 安全
使用React、TypeScript和Ant Design构建现代化前端应用
使用React、TypeScript和Ant Design构建现代化前端应用
728 0
|
前端开发 容器
第十八章 React中的样式模块化处理
第十八章 React中的样式模块化处理
171 2
|
存储 前端开发
React & webpack &ant 学习
React & webpack &ant 学习
134 0
|
前端开发
从零开始学习React-引入Ant Design 组件(八)
从零开始学习React-引入Ant Design 组件(八)
285 0
|
前端开发
react解决页面样式冲突(module)
react解决页面样式冲突(module)
|
前端开发
React-组件-外链样式
React-组件-外链样式
212 0
|
前端开发
前端项目实战拾陆-react-admin路由样式替换antd
前端项目实战拾陆-react-admin路由样式替换antd
175 0
|
前端开发 数据格式
再次接触老朋友react+ant design table合并单元格
再次接触老朋友react+ant design table合并单元格
371 0