防止元素的UI強制執行列表項的李標籤

Question

我呈現一些列表數據是這樣的：

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

，在我.css：

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

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

當我從添加Select組件元素UI，它也強制我的li元素上的list-item顯示屬性。我希望我的列表呈現爲內嵌塊。我如何覆蓋元素的li元素的樣式？

工作演示：http://codepen.io/p-adams/pen/xRYoNw

Answer 1

你應該給你的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"> 

這是更新到您的codepen：
http://codepen.io/anon/pen/zoRgOx

Answer 2

試試這個

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