ボーダーをFloatingActionButtonの素材に設定する方法ui

Question

ボーダーをFloatingActionButtonに設定しようとしました。 ボーダーの設定に使用する小道具はどれですか。 iconスタイルは機能しません。私は国境は私のcssファイルのclassname

<FloatingActionButton className="floating"> 
    <ContentAdd /> 
    </FloatingActionButton> 

で成し遂げることができ https://codepen.io/palaniichukdmytro/pen/NgQmve

またどのように無効なホバー効果、

overlayWhenHovered: { 
     backgroundColor: fade(iconColor, 0.4), 
    }, 

Answer 1

、

.floating { 
    border: 1px solid; 
}