引導，選擇不復制相同的效果

我得到的選擇是：
enter image description here
原來選我要的是（和應該得到的是）：

不同之處在於背景（儘管它非常微妙）。
我有一個按鈕的感覺，我不想要。我希望它像第二個一樣簡單。

我該如何做到這一點？

你可以看到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>

在此先感謝

來源

2015-05-09 dreamer

只需卸下可選主題

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

see plunkr

來源

2015-05-09 15:36:10

是啊，即使我剛剛發現出來....謝謝你的努力....但仍然徘徊在當我收到不想要的效果.....試圖控制它... – dreamer

阿里：你能幫助我控制懸停效果嗎？徘徊懸停效果與原來的效果相同 – dreamer

。在plunkr上看到它http://plnkr.co/edit/EmljessU6dJvpSrw8jvO?p=preview –

引導，選擇不復制相同的效果

回答

相關問題