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。