Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何自定义角材质中md select的弹出菜单?_Javascript_Angularjs_Angular Material - Fatal编程技术网

Javascript 如何自定义角材质中md select的弹出菜单?

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的弹出菜单定义一个特殊类。但我不知道该怎么做

这是一个典型用法的代码示例,在这里我无法为将出现的菜单容器定义一个类

{{filterTypesNames[key]}
实际上,我想改变弹出菜单的宽度。默认情况下,它受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>