Как стилизовать дочерние узлы внутри компонентов Grommet 2 React - PullRequest
0 голосов
/ 21 октября 2019

У меня есть эта проблема:
enter image description here
Я хочу, чтобы значок календаря стал немного меньше, внутри input и на равном расстоянии от трех границ.
IМожно добиться этого, уменьшив отступы иконки, а также ее размер с помощью CSS.
Проблема в том, что я понятия не имею, как нацелить ее.

Это элемент управления DateInput , созданный @atanasster для Grommet 2 , рамки пользовательского интерфейса HP.
Это выглядит так, потому что я изменил свой размер, мойВерсия меньше, чем оригинал.

Поскольку это styled-components Я думаю, что может быть способ их стилизовать, но я не знаю, как нацелить детей компонента, его внутренние HTML-узлы.

Повторное чтение документов в течение нескольких часов не помогло.
Я был бы очень признателен за мудрость в оформлении или подтверждение того, что то, что я хочу сделать, невозможно.

Пример можно увидеть здесь: https://stackblitz.com/edit/dateinputstyled

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