Javascript 如何自定义角材质中md select的弹出菜单?
我需要为一些md select的弹出菜单定义一个特殊类。但我不知道该怎么做 这是一个典型用法的代码示例,在这里我无法为将出现的菜单容器定义一个类 {{filterTypesNames[key]}Javascript 如何自定义角材质中md select的弹出菜单?,javascript,angularjs,angular-material,Javascript,Angularjs,Angular Material,我需要为一些md select的弹出菜单定义一个特殊类。但我不知道该怎么做 这是一个典型用法的代码示例,在这里我无法为将出现的菜单容器定义一个类 {{filterTypesNames[key]} 实际上,我想改变弹出菜单的宽度。默认情况下,它受md select的宽度限制。您好,请查看下面的按钮,下面的选择器似乎工作正常,可以影响整个组件 编辑:在这里,这只会影响选择下拉列表 最终编辑:只需将md container class=myclass指令添加到md select .myclass{ 宽
实际上,我想改变弹出菜单的宽度。默认情况下,它受md select的宽度限制。您好,请查看下面的按钮,下面的选择器似乎工作正常,可以影响整个组件 编辑:在这里,这只会影响选择下拉列表 最终编辑:只需将md container class=myclass指令添加到md select .myclass{ 宽度:100%!重要; } 项目{{Item}
你能澄清一下你到底想做什么吗?也许我们可以给你指出正确的方向direction@johan,我想更改弹出菜单的宽度。编辑了问题。这将为所有md select菜单设置宽度,但我只需要对其中一些菜单进行设置。这就是为什么我要寻找使用类的解决方案。这也会改变md select的宽度。我需要设置弹出菜单的宽度,它将不同于md select width。最后一个版本也不同于我想要的。这将对页面上的所有md select菜单应用CSS规则,但我只需要对所选菜单应用CSS规则。这就是为什么我首先开始讨论类赋值的原因。好的,您可以简单地将类作为指令添加到所需的md select上
<style type="text/css">
md-input-container,
md-input-container > * {
width: 100% !important;
}
</style>
<style type="text/css">
._md-select-menu-container
{
width: 100% !important;
}
</style>