--- order: 1 iframe: 400 title: zh-CN: 自定义样式 en-US: Custom style --- ## zh-CN 可以自定义回到顶部按钮的样式,限制宽高:`40px * 40px`。 ## en-US You can customize the style of the button, just note the size limit: no more than `40px * 40px`. ```tsx import React from 'react'; import { BackTop } from 'antd'; const style: React.CSSProperties = { height: 40, width: 40, lineHeight: '40px', borderRadius: 4, backgroundColor: '#1088e9', color: '#fff', textAlign: 'center', fontSize: 14, }; const App: React.FC = () => (
Scroll to bottom
Scroll to bottom
Scroll to bottom
Scroll to bottom
Scroll to bottom
Scroll to bottom
Scroll to bottom
UP
); export default App; ```