Vue.js选择元素换行文本

Question

我正在尝试将css文本包装在一个select中（应该仅在IE11上才能使用）。

CSS代码：

 select {
      width: 100px;
      max-width: 100%;
    }

    option {
      -moz-white-space: pre-wrap;
      -o-white-space: pre-wrap;
      white-space: pre-wrap;
      overflow: hidden;
      text-overflow: ellipsis;
      border-bottom: 1px solid #DDD;
    }

HTML：

    <li>
        <select v-model="selected" id="selection" class="field-select" v-on:change="handle()" >
         <option :value="null">Tutti</option>
         <option  v-for="a in alist" v-bind:value="a">
            {{ a }}
          </option>
        </select>
    </li>