2016-07-12 4 views
0

У меня есть раскрывающееся меню для выбора нескольких месяцев, которое выберет несколько вариантов. Я использовал JQuery Multiselect.js, и это код: Примечание: CDN Ссылки Не работают здесь. Но у меня есть файл lib, который отлично работает.JQuery: Как изменить цвет текста в мультиселекторе

<!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>

код работает Fine.Right теперь мульти выбора имеет следующий цвет текста по умолчанию, который очень выцветает.

enter image description here

Но я хочу, чтобы изменить цвет текста black.How я могу это сделать, пожалуйста help.thanks

ответ

0

Попробуйте это:

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

спасибо @ janar2005, но не работает – user5005768

+0

Попробуйте добавить важно конец цвета линии!. Или .ui-multiselect.ui-state-default как селектор. – janar2005

+0

спасибо @ janar2005, я просто попробую, что вы предлагаете, но его не работает '.ui-multiselect { цвет: # 000! Important; } ' – user5005768

Смежные вопросы