html - ブラウザごとに異なるテキスト シャドウ レベルを設定する方法

Question

テキスト シャドウ css を使用すると、mozilla と chrome で異なる汚れレベルが表示されます。

 #dfg{  
 color: #fff; 
 text-shadow: 0px 0px 2px white;
 }

mozilla では、私が望んでいないより汚れた外観になっています。私はもう試した

-moz-text-shadow : 0px 0px 1px white;

しかし、それは役に立ちません。css にブラウザー固有のテキスト シャドウ値を指定する方法はありますか、それとも JavaScript を使用してブラウザーを識別し、シャドウ レベルを選択する必要がありますか? 助けてください。

クロームバージョン

モジラのバージョン

Answer 1

個人的には、Javascript ベースの方法が最もうまくいくと思います。最新のブラウザはすべて、標準の CSS シャドウ機能をサポートしています。OSX の機能である -moz-window-shadow を考えていたと思います。

テキストシャドウのぼかしプロパティも調べて、おそらく明示的に定義しますか?