bootstrap-select 没有复制相同的效果

Question

我正在使用 bootstrap-select 来自 here

我得到的select是：

我想要的原始-select是（应该得到的是）：

区别在于背景（虽然非常细微）。
我的有按钮感，我不想要。我希望它像第二个一样简单。

我该如何实现？

您可以看到 plunkr 演示 here

代码如下：

<head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>

    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
      <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.5/css/bootstrap-select.css">

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

    <!-- Optional theme -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">


    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.0-beta.5/angular-animate.min.js"></script>

</head>
<body>
        <h1>Hello Plunker!</h1>
            &nbsp&nbsp&nbsp
        <select class="selectpicker" multiple>
          <option>Mustard</option>
          <option>Ketchup</option>
          <option>Relish</option>
      </select>  

        <script type="text/javascript" src="bootstrap-select.js"></script>
        <!-- Latest compiled and minified JavaScript -->
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js">   </script>
</body>

提前致谢

Answer 1

只需删除可选主题

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">

see plunkr

bootstrap-select 没有复制相同的效果

bootstrap-select not replicating the same effect

css

twitter-bootstrap

bootstrap-select