Question

我是棱角分明的js和材料设计的新手，有人可以帮助我如何将这个css作为内联css制作成我的md-select标签？

的CSS：

body md-select-menu, body md-content{
  max-height: 350px;
}

这是md-select

的 html 代码

<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属性时，它现在正在工作。

Answer 1

詹姆斯

您将无法做到这一点有两个原因：

此指令不会将参数style="yourstyle"映射到
下面的任何其他结构
您不能将嵌入式子元素应用于嵌套子元素

我相信最好的办法仍然是让你上课。（这对代码重用也很有用）

Answer 2

    <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;
        }

尝试这个我不确定这是否有效。

angularjs中的内联css

2 个答案: