1

ドロップダウン メニューのコンテンツがドロップダウン ボタンを覆っています。修正方法はありますか? ドロップダウンボタンのすぐ下に表示したい。クラスを作成して、CSS で「position: absolute;」としてスタイルを設定しようとしました。しかし、うまくいきません。これが角度の私のコードです：

<div ng-controller="Ctrll" ng-app="Fruit">

  <div>
    <md-menu>
      <md-button ng-click="$mdOpenMenu()">Fruits
      </md-button>
      <md-menu-content class="dropdown" >

         <md-menu-item >
                        <md-button ng-click="apple()">Apple</md-button>
                        </md-menu-item>
                        <md-menu-item>
                        <md-button ng-click="blueberry()">Blueberry </md-button>
                        </md-menu-item>
       </md-menu>
      </md-menu-content>    
  </div>
</div>

ここに私のAngularアプリがあります

angular
  .module('Fruit',['ngMaterial'])


  .controller('Ctrll', function () {
    var originatorEv;

    this.openMenu = function($mdOpenMenu, ev) {
      originatorEv = ev;
      $mdOpenMenu(ev);
    };
});

codepenに追加しました。これが私のコードが実際にどのように見えるかです。http://codepen.io/zcook/pen/YqramL

また、ドロップダウン メニュー コンテンツの背景色を変更する方法を知っている人はいますか?

4

1 に答える 1

1

クラス .md-open-menu-container.md-active の CSS プロパティを変更できないのはなぜですか?

.md-open-menu-container.md-active{
  top: 45px !important;
}

この更新されたコードペンを確認してください

于 2016-04-02T14:35:30.420 に答える