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

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

python tk下拉列表_如何从Tkinter中的列表创建下拉菜单？
要创建"下拉菜单",可以在tkinter中使用OptionMenu 基本OptionMenu示例:from Tkinter import * master = Tk() varia ...
php下拉框css样式,纯CSS实现的下拉菜单
实现效果实现代码 html Home WordPress Themes Plugins Tutorials Web Design Resources Links Tutorials HTML/CSS ...
html 好看的下拉列表,很漂亮很有个性的CSS水平下拉菜单
复制代码代码如下: CSS Menu - Horizontal body { margin: 0; padding: 30px; background: #FFF; color: #666; } h1 ...
jsp 下拉列表选取触发function_Bootstrap下拉菜单样式
使用Bootstrap下拉插件用于显示切换你要展示的链接列表和更多内容的,或触发其它内容显示(覆盖). 将下拉列表的切换(按钮或链接)和下拉菜单包含在.dropdown中,或者另外声明position ...
UI实用素材|下拉菜单细节设计，分层呈现
下拉菜单是UI设计,网页设计中的基础控件,也是平时大家做设计时会用到的常用组件,所以有必要对它进行全面深入的了解. 下拉式菜单下拉菜单概念下拉菜单在UI设计领域经常饱受批评,但这也不是没有理由的. ...
css创建鼠标悬停下拉菜单样式
下拉菜单在网站中到处可见. 下面用css设置下拉菜单样式. <!DOCTYPE html> <html> <head> <title>淘宝</ti ...
html ui 下拉列表,Atitit.ui控件-下拉菜单选择控件的实现select html_html/css_WEB-ITnose...
Atitit.ui控件---下拉菜单选择控件的实现select html 1. 调用& model的实现 1 2. -----select.jsp------ 1 1. 调用& mod ...
html下拉列表兼容性,下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐)
复制代码代码如下: 兼容IE6/IE7/IE8/火狐---下拉菜单select样式设置 body {background-color:#6C6;} .select_border{ width:59px ...
php tinyme_黄聪：TinyMCE 4 增强添加样式、按钮、字体、下拉菜单和弹出式窗口
我最喜欢 WordPress 3.9 的更新是使用了 TinyMCE 4.0 编辑器.新的 TinyMCE 看起来看起来更整洁(真正匹配WP仪表板),它有一些非常不错的附加功能.我的很多老主题和插件必 ...
java如何读取下拉列表的值_java - 如何在Selenium 2中选择/获取下拉选项
java - 如何在Selenium 2中选择/获取下拉选项我正在将我的selenium 1代码转换为selenium 2,并且无法找到在下拉菜单中选择标签的任何简单方法或获取下拉列表的选定值. 你 ...

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

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

最新文章

热门文章