无法从dropkick插件更改dk_toggle宽度

Question

我正在使用dropkick jQuery插件

我知道，dk_toggle的默认宽度为：220px：

      <a class="dk_toggle" style="width: 220px; ">(from Google console)

我认为我的HTML：

     <select name="country" class="default" tabindex="2">
          <option value="EN">English</option>
          <option value="IS">Israeli</option>
          <option value="UA">Ukrainian</option>
        </select>

但我想在我的css文件中更改它：

 .dk_toggle {
 height: 15px;
 width: 245px;
}

它没有改变。那我该怎么改呢？

Answer 1

在您的javascript文件中添加

$(document).ready(function() {
    $('.dk_toggle').css('width','220px');
})

Answer 2

首先，为您的选择设置ID：

 <select id="my_select" name="country" class="default" tabindex="2">
      <option value="EN">English</option>
      <option value="IS">Israeli</option>
      <option value="UA">Ukrainian</option>
 </select>

然后为此ID设置CSS：

#my_select{
  width: 200px;
}

我刚试过它，可能是一种更干净的方法。