html ui 下拉列表,html - 如何给样式Material-ui选择字段下拉菜单？

我正在使用material-ui选择字段组件

multiple={true}

hintText="Checkbox Filters"

dropDownMenuProps={{

iconButton:,

}}

className="checkbox-com"

underlineStyle={{display:'none'}}

hintStyle={{bottom:'13px', overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis', width:

'calc(100% - 40px)', color: '#757575', fontWeight: 500}}

labelStyle={{top: 0, paddingRight: 40, height: 48, lineHeight: '48px'}}

iconStyle={{top: 2,right: 10, fill: '#757575', width: 44, height: 44}}

style={{maxWidth: '200px', minWidth: 200, width: 'auto', lineHeight: '22px', height: 48, fontSize:

14}}>

leftCheckbox={}

primaryText="Project 1"

innerDivStyle={{fontSize: 14, paddingLeft: 60}}/>

leftCheckbox={}

primaryText="Project 2"

innerDivStyle={{fontSize: 14, paddingLeft: 60}}/>

leftCheckbox={}

primaryText="Project 3"

innerDivStyle={{fontSize: 14, paddingLeft: 60}}/>

但是他们像这样显示

但是我需要这样表现

请给我打电话我该如何设置下拉菜单的样式

最佳答案

如果我正确理解您的问题，那么您正在寻找的是anchorOrigin={{vertical: 'bottom', horizontal: 'left'}}

在DropDownMenu