角度材料のmd-selectのポップアップメニューをカスタマイズするには？

Question

いくつかのmd-selectのポップアップメニューには、（すべてではなく）特別なクラスを定義する必要があります。しかし、私はそれをどうやって行うのか分かりません。

ここでは、一般的な使用法のコードサンプルを示します。ここでは表示されるメニューコンテナのクラスを定義することはできません。

     <md-input-container md-no-float class="md-block defaultInputSelect filterType"> 
          <md-select ng-model="value.filter_type" md-on-close="viewChanged()"> 
           <md-option ng-repeat="(key, value) in filterTypes" value="{{value}}"> 
            {{filterTypesNames[key]}} 
           </md-option> 
          </md-select> 
         </md-input-container> 

実際には、ポップアップメニューの幅を変更したいと思います。デフォルトでは、md-selectの幅によって制限されます。そこ

Answer 1

こんにちは、次のセレクタは、コンポーネント全体

https://plnkr.co/edit/sp7mKuaeztfAgtujARcw?p=preview

<style type="text/css"> 
    md-input-container, 
    md-input-container > * { 
     width: 100% !important; 
    } 
    </style> 

編集影響するように正常に動作するよう、以下のplunkrをご覧ください：をここに行く、これが唯一の影響を与えます選択ドロップダウン

https://plnkr.co/edit/sp7mKuaeztfAgtujARcw?p=preview

<style type="text/css"> 
    ._md-select-menu-container 
    { 
     width: 100% !important; 
    } 
    </style> 

最終編集：は、単にあなたがやりたい正確に何を明確でしたあなたのMD-選択

https://plnkr.co/edit/sp7mKuaeztfAgtujARcw?p=preview

<style type="text/css"> 
    .myclass 
    { 
     width: 100% !important; 
    } 
    </style> 

<md-select md-container-class="myclass" ng-model="selectedItem" md-selected-text="getSelectedText()"> 
       <md-optgroup label="items"> 
        <md-option ng-value="item" ng-repeat="item in items">Item {{item}}</md-option> 
       </md-optgroup> 
       </md-select>