переопределить стиль / имя класса компонента antd

Question

Я пытаюсь обновить стиль компонента antd. Я использую это: https://pro.ant.design/docs/style#override -the-component-style как ссылку, чтобы попытаться обновить стиль компонента, но я не могу заставить его работать.

Вот что я пытаюсь: https://codesandbox.io/s/cool-wind-kkub0?file= / index.less Я не понимаю, что мне не хватает. Есть предложения?

Answer 1

Вы используете стили с ограниченной областью видимости, что достигается путем извлечения приложения или установки пакета npm для загрузки стилей компонентов со стилями. Чтобы это работало, вставьте свой код .less в свой index. css file

index. css

.ant-select-selection {
  max-height: 51px;
  overflow: auto;
  background-color: blue;
}
.ant-select-selection-search-input {
  background-color: green;
}
.ant-select-item-option-content {
  background-color: orange;
}
.ant-select-item {
  position: relative;
  display: block;
  min-height: 32px;
  padding: 5px 12px;
  color: red;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  background-color: #9068b0;
}