Я новичок в угловых js и материальном дизайне, может ли кто-нибудь помочь мне в том, как я могу сделать этот css как встроенный css в тег md-select?
CSS:
body md-select-menu, body md-content{
max-height: 350px;
}
здесь мой html- код для md-select
<md-select ng-model="aaa" name="bbb" required>
<md-option value="1">1</md-option>
<md-option value="2">2</md-option>
<md-option value="3">3</md-option>
<md-option value="4">4</md-option>
<md-option value="5">5</md-option>
<md-option value="6">6</md-option>
<md-option value="7">7</md-option>
<md-option value="8">8</md-option>
<md-option value="9">9</md-option>
<md-option value="10">10</md-option>
<md-option value="11">11</md-option>
<md-option value="12">12</md-option>
теперь он работает, когда я просто использую атрибут style.
<md-select ng-model="aaa" name="bbb" class="mdselectheight" required>
<md-option value="1">1</md-option>
<md-option value="2">2</md-option>
<md-option value="3">3</md-option>
<md-option value="4">4</md-option>
<md-option value="5">5</md-option>
<md-option value="6">6</md-option>
<md-option value="7">7</md-option>
<md-option value="8">8</md-option>
<md-option value="9">9</md-option>
<md-option value="10">10</md-option>
<md-option value="11">11</md-option>
<md-option value="12">12</md-option>
</md-select>
.mdselectheight{
max-height: 350px !important;
}
попробуйте это, я не уверен, что это работает или нет.
Джеймс,
Вы не сможете сделать это по двум причинам:
Эта директива не будет отображать параметр style="yourstyle"
на любую другую структуру, style="yourstyle"
ниже
Вы не можете применять встроенный css для вложенных дочерних элементов
Я действительно верю, что лучший способ сделать это по-прежнему - иметь класс css. (Это также очень хорошо подходит для повторного использования кода)