Javascript 防止元素UI强制li标记的列表项

我正在呈现一些列表数据，如下所示：

<ul>
    <li v-for="el in elements">
        {{el.data}}
    </li>
</ul>

当我从元素UI添加

Select

组件时，它也会在我的

li

元素上强制执行

列表项

显示属性。我希望列表呈现为内联块。如何覆盖

li

元素的元素样式

---

工作演示：

您应该给您的

ul

一个特定的

id

，并在css中使用该

id

：

ul#list1 {
  list-style-type: none;
  padding: 0;
}

ul#list1 li {
  display: inline-block;
  margin: 0 10px;
}

在html使用中：

<ul id="list1">

这是对代码笔的更新：
试试这个

<select name="ele_type" class="form-control">
    <div v-for="el in elements">
        <option 
            value="{{el.data}}"
        >
            {{el.data}}
        </option>
    </div>
</select>

{{el.data}

请创建一个工作表example@Dekel添加了演示。请检查答案：）

<select name="ele_type" class="form-control">
    <div v-for="el in elements">
        <option 
            value="{{el.data}}"
        >
            {{el.data}}
        </option>
    </div>
</select>