在刷新標題顏色後懸停獲取更改

我正在使用以下代碼。當我在懸停時刷新頁面時手風琴的標題變藍。當我刷新頁面時，我希望它保持白色。請幫我解決它的問題。我已經使用了jQuery，CSS。我無法理解是因爲jquery還是CSS。在刷新標題顏色後懸停獲取更改

<style> 
body{ 

    background-color: #00666a !important; 
} 
.left{ 
    width: 416px; 
    background: #fff; 
    padding: 3.5px; 
    border: 4px solid #eee; 
    box-shadow: 1px 1px 4px #ccc; 
    margin-left: 25px; 

} 

.title-font:hover{ 
    color: #ffffff !important; 
    text-decoration: none !important; 
} 


.title-font{ 
    color: #ffffff; 
    text-decoration: none; 
} 

.gly-font:focus{ 
    color:#ffffff; 
    text-decoration: none; 
} 

.gly-font{ 
    width: 20px; 
    height: 20px; 
    text-align: center; 
    font-size: 14px; 
    margin-right: 5px; 

} 





</style> 

<html> 

<head> 
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> 
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
</head> 

<body> 
<div class="container"> 
<div class="custom-row"> <!-- make it 100% --> 



<div class="col-md-6 left-outer"><!--make it 50% --> 
<!-- accordian --> 

<div class="accordion-group" id="accordion"> 
<div class="accordion-panel" > 
     <div class="heading glyphicon-custom"> 
      <h4 class="title"> 
       <a class="accordion-toggle title-font" data-toggle="collapse" data-parent="#accordion" href="#panel1"><i class="glyphicon glyphicon-plus gly-font "></i><span class="title-panel">Antipasti</span></a> 
      </h4> 
     </div> 


<div id="panel1" class="panel-collapse collapse"> 
<div class="contain-body">  
hello 
     </div> 
    </div> 
</div> 




</div> 





</div> <!-- custom-row ends here--> 


</div> 



<script type="text/javascript"> 
var selectIds =$('#panel1, #panel2'); 
$(function ($) { 


    selectIds.on('hidden.bs.collapse show.bs.collapse', function() { 
     $(this).prev().find('.glyphicon').toggleClass('glyphicon-plus glyphicon-minus'); 
    }) 
}); 
</script> 




</body> 
</html>

來源

2016-07-28 Rashmi S

藍顏色來自默認值<a>，更在w3schools。

a:link, 
 
a:visited, 
 
a:active, 
 
a:focus { 
 
    color: white; 
 
}

來源

2016-07-28 07:23:27

還是要謝謝你我知道了 –

在刷新標題顏色後懸停獲取更改

回答

相關問題