색상 변경은

Question

나는 페이지에 multiple select 요소가 :

<select multiple="multiple"> 
    <option>One</option> 
    <option>Two</option> 
    <option>Three</option> 
</select> 

그 옵션의 색상이 검은 색입니다. 그러나 옵션을 선택하면 색상이 흰색이됩니다.

CSS로 선택한 옵션의 색상을 검정색 (또는 원하는 다른 색상)으로 변경하려면 어떻게해야합니까?

나는

select option:hover

• select option:active
• select option:checked
• select option:focus
를 사용하여 시도하지만 그들은 트릭을하지 않습니다.

UPD

: 여기 내가 필요의 jsfiddle입니다 : https://jsfiddle.net/htshame/th3gesvv/4/

Answer 1

난 단지 CSS이 을 달성하는 방법을 알고하지 않습니다하지만 난 당신이 CSS를 사용하여 선택 옵션을 선택할 수 있다는 것을 알고.

제 제안은 의 속성을 업데이트하고 옵션을 업데이트 한 다음 CSS 규칙 [selected]을 기본 배경색으로 변경하는 것입니다. 여기

는 실행 예입니다

$(document).ready(function() { 
 
$('select').change(function() { 
 
    var selectedOption = $(this).find(':selected'); 
 
    selectedOption.attr('selected','selected'); 
 
}).change(); 
 
});

select{height: 200px; width: 300px;} 
 
option {margin: 10px;} 
 

 
[selected] { 
 
    background-color: #0f0; 
 
    font-weight:bold; 
 
}

<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script> 
 
<select multiple="multiple"> 
 
    <option>One</option> 
 
    <option>Two</option> 
 
    <option>Three</option> 
 
    <option>Four</option> 
 
    <option>Five</option> 
 
</select>