無法設置單選按鈕的引導程序？

我添加了內聯樣式表來爲兩個單選按鈕着色，但兩個單選按鈕保持藍色，它們不會變成紅色或綠色。這是代碼，你能幫我找到我的代碼中的錯誤嗎？無法設置單選按鈕的引導程序？

 <!DOCTYPE html> 
 
<html lang="en"> 
 

 
<head> 
 
\t <meta charset="utf-8"> 
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <!-- The above 3 meta tags *must* come first in the head; any other head 
 
     content must come *after* these tags --> 
 
    <title>Ristorante Con Fusion</title> 
 
     <!-- Bootstrap --> 
 
     
 
     <link href="css/bootstrap.min.css" rel="stylesheet"> 
 
    <link href="css/bootstrap-theme.min.css" rel="stylesheet"> 
 
     <link href="css/font-awesome.min.css" rel="stylesheet"> 
 
    <link href="css/bootstrap-social.css" rel="stylesheet"> 
 
    <link href="css/mystyles.css" rel="stylesheet"> 
 
    </head> 
 
    <body> <form class="form-horizontal" role="form"> 
 

 
<div class="form-group"> 
 
\t \t \t   <label for="btn-group" class="col-xs-12 col-sm-2 control-label">Sections</label> 
 

 
     <div class="btn-group" data-toggle="buttons"> 
 
    <label class="btn btn-primary active"> 
 
    <input type="radio" name="options" id="option1" autocomplete="off" style ="background-color:red;" checked > True 
 
    </label> 
 
      
 
    <label class="btn btn-primary"> 
 
    <input type="radio" name="options" id="option3" style="background-color: green;" autocomplete="off"> False 
 
    </label> 
 
</div></div> 
 
</form><!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
    <!-- Include all compiled plugins (below), or include individual files as needed --> 
 
    <script src="js/bootstrap.min.js"></script> 
 
    <script> 
 
     $(document).ready(function(){ 
 
     $('[data-toggle="tooltip"]').tooltip(); 
 
     }); 
 
    </script> 
 

 
</body> 
 

 
</html> 
 
</body> 
 

 
    </html>

來源

2015-11-21 Computerlucaworld

改變類btn-primary到btn-success到成爲綠色和btn-danger變成紅色

來源

2015-11-21 13:36:02

謝謝你的迴應 – Computerlucaworld

要樣式的單選按鈕本身，而是正在按鈕藍色的東西是包含標籤它。試試這個

<label class="btn btn-primary active" style ="background-color:red;"> 
    <input type="radio" name="options" id="option1" autocomplete="off" checked > True 
    </label> 

    <label class="btn btn-primary" style="background-color: green;"> 
    <input type="radio" name="options" id="option3" autocomplete="off"> False 
    </label>

來源

2015-11-21 13:36:45

謝謝你的迴應！ – Computerlucaworld

無法設置單選按鈕的引導程序？

回答

相關問題