基础选择菜单宽度

Question

我对基础选择菜单有问题，我在谷歌上发现了一些结果，但似乎没有任何效果。

我正在使用：

<label>Select Menu
  <select>
    <option value="husker">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin risus. Praesent lectus.</option>
    <option value="starbuck">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin risus. Praesent lectus.</option>
    <option value="hotdog">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin risus. Praesent lectus.</option>
    <option value="apollo">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin risus. Praesent lectus.</option>
  </select>
</label>

我尝试在css Foundation中设置select和for选项的宽度选项：

select {
  max-width: 100% !important;
  border-radius: 0; }

select option {
  max-width: 100% !important;
}

结果仍然是错误的，它以某种方式取得了文本的格式宽度。

这是结果：