ハイチャート：縦棒グラフ選択状態塗りつぶし色

Question

以下のフィドルについては、ハイチャートの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

単にあなたのCSSクラスにfill属性を追加すると、トリックを行います：http://jsfiddle.net/brightmatrix/pemxdL6f/5/

あなたはまたstatesがために役立つ属性を見つけることがあります。

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

ここでは、この変更にあなたのフィドルの修正版ですCSS以外のソリューション答えと付属のフィドルを参照：https://stackoverflow.com/a/11608259/2596103。