マテリアルUIのFABホバーカラー

Question

FABの子の小道具ではないが、下にSVGアイコンがネストされた浮動アクションボタンがある。マウスがFAB/SVGアイコン上を移動すると、FABは明るい灰色に変わります。私はhttps://github.com/callemall/material-ui/issues/894と他のいくつかのソースを見て、ホバー色がSVGアイコンの色の40％であることを発見しました。

色の変化がないようにホバー機能を削除することはできますか、ホバーが作成した色をマイFABの色に合わせて変更することはできますか？

私の目標は、ユーザーがマウスを入力してFAB/SVGアイコン領域を終了し、色の変化がないようにすることです。

<FloatingActionButton secondary={true} onTouchTap={this.printHandleOpen.bind(this)}> 
    <ActionPrint style={styles.actionIcon}/> // This is the SVG icon, setting hoverColor doesn't seem to have any result 
    <Dialog 
    ... 

Answer 1

もアニメーション効果は少しファンキーなことを引き起こすホバー色を変更する：ここで

は、私が働いているコードのスニペットです。私は、他のものを乱さずに修正しようと勧めているとは思わない。

あなたがそのルートに行きたいと思えば、それはもはや物質的な浮動アクションボタンではないほど十分に変化しています。どちらがうまいですか、その事実を受け入れます。 FABコード（https://github.com/callemall/material-ui/blob/master/src/FloatingActionButton/FloatingActionButton.js）を手に入れて、あなたの心の中身に合わせて調整してください。

ただし、すべてのボタンのインタラクティブな側面を削除する場合は、代わりに円形の用紙要素（http://www.material-ui.com/#/components/paper）を使用することをおすすめします。それはonClickと任意の背景色をサポートします。