Highcharts：柱状图选择状态填充颜色

Question

对于以下小提琴，我使用了Highcharts CSS造型。

http://jsfiddle.net/pemxdL6f/

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

在选择任何列，填充颜色默认为灰色（#CCCCCC），我不想要的。选择状态填充颜色应与原始颜色相同，即不应设置选择状态的填充。我如何使用CSS样式来实现这一点？

我不想在CSS中硬编码颜色。就像在选择状态选项中一样，颜色可以设置为null http://jsfiddle.net/pemxdL6f/6/，使用CSS样式可以实现类似的效果吗？

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

简单地增加一个fill属性，你的CSS类将做的伎俩：

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

下面是这种变化的提琴的修改版本：http://jsfiddle.net/brightmatrix/pemxdL6f/5/

您也可以找到states属性有助于一个非CSS解决方案。看到答案和这里包括的小提琴：https://stackoverflow.com/a/11608259/2596103。