2016-07-12 18 views
0

Ich habe eine Dropdown-Menü für die Auswahl der Monatsliste, die mehrere Optionen auswählen.Ich verwendete JQuery Multiselect.js und das ist der Code: Hinweis: CDN-Links funktionieren nicht Hier. Aber ich habe Lib-Datei, die gut funktioniert.JQuery: So ändern Sie die Textfarbe der Multiselect

<!doctype html> 
 
<html> 
 
<head> 
 
<meta charset="utf-8"> 
 
<title>Multi-select Dropdown List with Checkbox by CodexWorld</title> 
 
<link href="https://cdn.jsdelivr.net/jquery.multiselect/1.13/jquery.multiselect.css" rel="stylesheet" type="text/css"> 
 
<style> 
 
body { font-family:'Open Sans' Arial, Helvetica, sans-serif} 
 
ul,li { margin:0; padding:0; list-style:none;} 
 
.label { color:#000; font-size:16px;} 
 
</style> 
 
</head> 
 
<body> 
 
    
 
<h2>jQuery MultiSelect Basic Uses</h2> 
 
<select name="langOpt[]" multiple id="langOpt" > 
 
<option value="All">All</option> 
 
<option value="Jan">January</option> 
 
<option value="Feb">February</option> 
 
<option value="Mar">March</option> 
 
<option value="Apr">April</option> 
 
<option value="May">May</option> 
 
<option value="Jun">June</option> 
 
<option value="Jul">July</option> 
 
<option value="Aug">August</option> 
 
<option value="Sep">September</option> 
 
<option value="Oct">October</option> 
 
<option value="Nov">November</option> 
 
<option value="Dec">December</option> 
 
</select> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdn.jsdelivr.net/jquery.multiselect/1.13/jquery.multiselect.js"></script> 
 
<script> 
 
$('#langOpt').multiselect({ \t 
 
    placeholder: 'Select Months' 
 
}); 
 

 
</script> 
 

 

 

 
</body> 
 
</html>

-Code arbeitet Fine.Right jetzt der Multi wählen Sie die folgende Standard-Textfarbe hat, die sehr verblassen.

enter image description here

Aber ich möchte die Textfarbe ändern, um black.How kann ich es tun help.thanks bitte

Antwort

0

Try this:

.ui-multiselect { 
    color: #000; 
} 
+0

dank @ janar2005, aber es funktioniert nicht – user5005768

+0

Versuche Zugabe wichtig zu Ende Farbenlinie!. Oder .ui-multiselect.ui-state-default als Selektor. – janar2005

+0

danke @ Janar2005, ich versuche nur, was Sie vorschlagen, aber es funktioniert nicht '.ui-multiselect { color: # 000! Wichtig; } ' – user5005768

Verwandte Themen