html - 无法从 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;
}

我刚刚对其进行了测试，并且可能是一种更清洁的方法。