Как стилизовать выбранные опции с помощью styled-components реагировать - PullRequest
0 голосов
/ 02 февраля 2019

У меня проблема с выбором параметров стилей.Я могу изменить цвет фона и текста, но могу изменить размер выпадающего меню.Может, кто-нибудь скажет мне, что я делаю неправильно?

Мой выбор:

<Select>
    <option value="" hidden>Type</option>
    <option value="1">Audi</option>
    <option value="2">BMW</option>
    <option value="3">Citroen</option>
    <option value="4">Ford</option>
 </Select>

Мой Styled-компонент:

const Select = styled.select`
  width: 100%;
  height:35px;
  background: white;
  color: gray;
  padding-left: 5px;
  font-size: 14px;
  border:none;
  margin-left: 10px;

       option {
         color: black;
         background: white;
         font-weight: small;
         display: flex;
         white-space: pre;
         min-height: 20px;
         padding: 0px 2px 1px;
       }
`;

Как выглядит мой выбор: Select photo

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...