100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > html ui 下拉列表 html - 如何给样式Material-ui选择字段下拉菜单?

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

时间:2020-04-06 11:53:52

相关推荐

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。