Highcharts: Column Chart Выберите State Fill Color

Question

Для следующей скрипки я использовал Highcharts CSS Styling.

http://jsfiddle.net/pemxdL6f/

.highcharts-point-select { 
    stroke: #33ff33; 
    stroke-width: 3 
} 

При выборе любого столбца, цвет заливки по умолчанию серого цвета (#cccccc), которые я не хочу. Цвет заливки выбора должен быть таким же, как и исходный цвет, т. Е. Заполнение для состояния выбора не должно быть установлено. Как я могу добиться этого с помощью CSS Styling?

Я не хочу жестко кодировать цвет в CSS. Как и в вариантах выбора варианта, цвет может быть установлен на нуль http://jsfiddle.net/pemxdL6f/6/, может ли это быть достигнуто с помощью CSS Styling?

Answer 1

Получил ответ

http://jsfiddle.net/sm57vde9/

@import 'https://code.highcharts.com/css/highcharts.css'; 
.highcharts-point-select { 
    stroke: #33ff33 !important; 
    stroke-width: 3; 
    fill: inherit; 
} 

Answer 2

Просто добавив атрибут вашего класса CSS fill будет делать трюк:

.highcharts-point-select { 
    stroke: #33ff33; 
    stroke-width: 3; 
    fill: #33ff33; 
} 

Вот модифицированная версия вашей скрипки с этим изменением: http://jsfiddle.net/brightmatrix/pemxdL6f/5/

Вы также можете найти states атрибута полезны для решение, отличное от CSS. См. Ответ и прилагаемую скрипку здесь: https://stackoverflow.com/a/11608259/2596103.