自定义选择框中的对齐图标和默认文本[关闭]

问题描述 投票:0回答:1

我已经构建了一个自定义的select组件,该组件中的问题在CSS上。我面临的问题是

  1. 默认文本和图标应垂直对齐
  2. 单击选择框,它应该是对齐错误的单个框。
  3. [所选选项在选择框中未正确对齐。

我尝试过的:codesandbox

css
1个回答
0
投票
you can try to use display table-cell and vertical-align: middlel

const CustomSelectContainer = styled.div`
display: table-cell;
.... 
vertical-align: middlel;
`;
© www.soinside.com 2019 - 2024. All rights reserved.