2017-08-28 105 views
0

我将下面的下拉列表添加到我的页面,而我的样式不同,因为它来自外部JavaScript库。更改下拉列表框的样式

<input type="hidden" name="country" id="countryId" value="US"/> 
<select name="state" class="states order-alpha" id="stateId"> 
    <option value="">Select State</option> 
</select> 
<select name="city" class="cities order-alpha" id="cityId"> 
    <option value="">Select City</option> 
</select> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script src="//geodata.solutions/includes/statecity.js"></script> 

它不使用标准引导样式(它看起来很漂亮)。任何方式,我可以使用bootstrap的样式?

正如你所看到的,我还是这个新手。

+0

您需要为bootstrap添加'form-control'类,[如文档中所述](https://getbootstrap.com/docs/3.3/css/#selects)。 –

回答

0

我没有足够的声望发表评论,所以我会发布一个答案。


如果你不舒服编写自己的代码(还)

您可以自定义引导外观here后下载。


在另一方面

你或许应该寻找关于CSS和HTML一些初级教程。 :)