How can I change the size of dcc.DatePickerSingle and dbc.DropdownMenu using css?

Dash Python
1

How can I change the size, fontsize of dcc.DatePickerSingle and dbc.DropdownMenu using css?
I tried several ways by modifying the css, but the size is not reflected at all.
Below is my python, css.

dcc.DatePickerSingle(
                className = 'datepicker',
                id='my-date-picker-single',
                min_date_allowed=date(1995, 8, 5),
                max_date_allowed=date(2017, 9, 19),
                initial_visible_month=date(2017, 8, 5),
                date=date(2017, 8, 25)
            )

html.Div(children=[
            dbc.DropdownMenu(id='parent-drop', children=[
                dcc.Checklist(id='check')
            ], label='menu'),
            dcc.Dropdown(id='drop')
        ])

.datepicker{
    font-size: 2px;
    height: 50%;
    width: 5px;
}

#parent-drop{
    font-size: 2px;
    height: 50%;
    width: 5px;    
}