モーダル上でプルダウンメニューが出てこない（vue.js）

Question

モーダル上でプルダウンメニューを表示させたいのですが、プルダウンメニュー（選択するリスト）が表示されません。
開発画面を見ていろいろ原因を探していると　z-index　の値が問題であることがなんとなくわかりました。
開発画面の z-index　の数値を高めると確かに表示されるので間違いないかと思うのですが、どうコードしてあげれば良いのかわからず質問させていただきます。
他に解決に必要な画面・値などあればお伝えいたします。
おわかりになる方、ぜひよろしくお願いいたします。

（Vue Materialを使用しています。
https://vuematerial.io/components/）

　　　　　〜中略〜
　　　　<div class="md-layout-item">
        <md-field>
          <label>血液型</label>
          <md-select v-model="bloodType" name="bloodType">
            <md-option value="A">A</md-option>
            <md-option value="B">B</md-option>
            <md-option value="O">O</md-option>
            <md-option value="AB">AB</md-option>
          </md-select>
        </md-field>
      </div>

md-select.md-option {
  z-index: 1000 !important;
}

Comments

[sakapun]

このCSSで書かれているのは開発者ツールで足したCSSですか？　あと、HTMLの外枠も重要なのでもっと記述してください。