ГОРУЗАЦИИ ⇐ CSS

[Anonymous]

Когда я создаю выпадающую спину с приведенным ниже атрибутами и файлом CSS, выпадающие меню имеют горизонтальную линию в середине (см. Рисунок ниже, выделенные желтым). Моя цель - удалить эту линию. Я попытался включить такие атрибуты, как «высота линии», но я не мог понять это.

Код: Выделить всё

city_opts = [{"label": c, "value": c} for c in sorted(df_raw["ShipperCity"].unique())]

html.Div([
dcc.Dropdown(id="city_one",
options=city_opts,
# value=city_opts[1]["value"],
multi=False,
disabled=False,
clearable=False,
searchable=False,
placeholder='Choose City',
className='select_box',
),

dcc.Dropdown(id="city_two",
options=city_opts,
# value=city_opts[1]["value"],
multi=False,
disabled=False,
clearable=False,
searchable=False,
placeholder='Choose City',
className='select_box',
),

dcc.Dropdown(id="city_three",
options=city_opts,
# value=city_opts[2]["value"],
multi=False,
disabled=False,
clearable=True,
searchable=True,
placeholder='Choose City',
className='select_box',
),
< /code>


.select_box {
width: 250px;
height: 80px;
line-height: 80px,
color: #1d0d91 !important;
border: 3px dashed red; */
font-family: Times New Roman;
font-size: 16px;
font-style: italic;
font-weight: bold;
text-align: center;

}

Подробнее здесь: https://stackoverflow.com/questions/796 ... e-dropdown