Html 引导选择显示不会取代原始下拉列表,而是添加自己的下拉列表

Html 引导选择显示不会取代原始下拉列表,而是添加自己的下拉列表,html,css,twitter-bootstrap,bootstrap-selectpicker,Html,Css,Twitter Bootstrap,Bootstrap Selectpicker,我使用的是selectcombo,在添加了它的css和Js文件之后,我得到了这个结果。 这里是我迄今为止所尝试的 笔 铅笔 刷子 这是因为加载css文件的顺序不正确。组合css文件必须在存放所有其他css文件后加载,然后问题将得到解决。如果仍然无法解析,那么css类或属性将在某个地方被覆盖。这是因为加载css文件的顺序不正确。组合css文件必须在存放所有其他css文件后加载,然后问题将得到解决。如果仍然无法解析,则css类或属性将在某个位置被覆盖。添加脚本以初始化引导选择 $('select'

我使用的是selectcombo,在添加了它的css和Js文件之后,我得到了这个结果。 这里是我迄今为止所尝试的

笔 铅笔 刷子
这是因为加载css文件的顺序不正确。组合css文件必须在存放所有其他css文件后加载,然后问题将得到解决。如果仍然无法解析,那么css类或属性将在某个地方被覆盖。

这是因为加载css文件的顺序不正确。组合css文件必须在存放所有其他css文件后加载,然后问题将得到解决。如果仍然无法解析,则css类或属性将在某个位置被覆盖。

添加脚本以初始化引导选择

$('select').selectpicker();

添加脚本以初始化引导选择

$('select').selectpicker();
问题是两个链接标记中都缺少rel=样式表

将rel=stylesheet添加到两个link标记中,它将正常工作。下面是示例

笔 铅笔 刷子 问题是两个链接标记中都缺少rel=样式表

将rel=stylesheet添加到两个link标记中,它将正常工作。下面是示例

笔 铅笔 刷子 这里有一个游戏。请注意加载链接的顺序

可能与您在代码中加载的Jquery版本存在冲突

<select class="selectpicker show-tick form-control">
  <option>pen</option>
  <option>pencil</option>
  <option selected>brush</option>
</select>
这里有一个游戏。请注意加载链接的顺序

可能与您在代码中加载的Jquery版本存在冲突

<select class="selectpicker show-tick form-control">
  <option>pen</option>
  <option>pencil</option>
  <option selected>brush</option>
</select>

请将您的代码发布在此处更新,请查看@Parajadhavp请将您的代码发布在此处更新,请查看@Parajadhavdoesn没有任何区别。没有任何区别。jQuery版本是否导致问题?@KhiradBanu更新了我上面的答案。jQuery版本是否导致问题?@KhiradBanu更新了我上面的答案。