Css 向ian添加类：accounts-ui-bootstrap-3呈现时选择标记[Meteor JS+；Blaze]

Meteor 1.6.1.1是我项目的最新版本。我使用的是包ian:accounts-ui-bootstrap-3，而不是accounts-ui。我在代码中添加了一个自定义字段作为

我在屏幕上看到的内容如下。

当我看到HTML代码时，它并没有将

class=“form control”

添加到

select

标记中

下面是我使用Chrome检查UI上的元素时的代码

<li id="login-dropdown-list" class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Sign in / Join <b class="caret"></b></a>
    <div class="dropdown-menu">
        <div class="select-dropdown">
            <label>State</label><br>
            <select id="login-state">
            </select>
        </div>
        <button class="btn btn-primary col-xs-12 col-sm-12" id="login-buttons-password" type="button">
            Create
        </button>
        <button id="back-to-login-link" class="btn btn-default col-xs-12 col-sm-12">Cancel</button>
    </div>
</li>

---

我尝试了一种方法，就是使用下面的模板事件

Template.HomePage.events({
    'click #login-dropdown-list': function(event){
        //document.getElementById('login-state').classList.add('form-control');
        $('#login-state').addClass('form-control');
    }
});

如您所见，该组件被加载到带有

id=“login dropdown list”

的

li

标记中。我只是在单击事件时加载了这个类。即使是注释过的代码也可以正常工作

---

这是一个好的解决方案吗？请告诉我是否有更好的答案？如果它有效，我肯定会接受并投票决定答案。

我想你必须用

表单组

Template.HomePage.events({
    'click #login-dropdown-list': function(event){
        //document.getElementById('login-state').classList.add('form-control');
        $('#login-state').addClass('form-control');
    }
});