reactjs - 如何将自定义样式添加到流星帐户 ui 以进行反应？

Question

我刚刚开始学习 React 和 Meteor。我正在使用okgrow:accounts-ui-react在我的网站上显示登录和注册表单。您只需添加组件即可在您的页面上显示注册/登录表单。但是，下拉表单很丑陋，不适合我的网站设计。因此，我想学习如何修改此类流星组件的样式。在这种情况下，如何更改此组件的样式以显示为材质设计形式。我正在使用materialize.css，我想知道如何为这个登录组件赋予一个物化设计灵感的外观？我想让下拉菜单受到材料设计的启发，并改变表单的内容。以下是我通过关注 leveluptuts 上的视频创建的组件。

import React, {Component} from 'react';
import { LoginButtons } from 'meteor/okgrow:accounts-ui-react';
class App extends Component{
    render(){
    return (
        <div>
        <header> 
            <h1>Level Up Voting </h1>
            <LoginButtons/>
        </header>
        </div>
        );
    }
}

下图显示了我的登录按钮在屏幕上的显示方式：