Paper-Button始终为大写

Question

我正在使用Paper-Button，但是我面临的问题是，按钮文本总是大写，或者是正常情况。我看不到应用任何CSS或Javascript属性使其大写。我应该如何解决这个问题。

Answer 1

paper-button {
  text-transform: none;
}

Answer 2

import { createMuiTheme } from '@material-ui/core/styles';

const theme = createMuiTheme({      
  typography: {
    button: {
      textTransform: 'none'
    }
  }
});

export default theme;

然后您可以在index.js中将文件添加到您的应用中。我将其命名为theme.js：

...
import theme from './theme';    
...
const app = (
  <ThemeProvider theme={theme}>
    <CssBaseline />
    <App />
  </ThemeProvider>
);

ReactDOM.render(app, document.getElementById('root'));