Python Dash:如何使用自定义CSS设置破折号组件的样式?

时间:2019-11-06 18:41:09

标签: python html css web-applications plotly-dash

我无法使用自定义的CSS文件来设置Dash上载组件的样式。我知道dcc具有样式参数,但是我希望样式在CSS文件中。我不知道为什么它的样式不正确。有人可以指出我做错了什么吗?

main.py

html.Div(
            className='upload-data',
            children=[
                dcc.Upload(
                    className='upload-data--uploader',
                    id='upload-data',
                    children=html.Div([
                        'Drag and Drop or ',
                        html.A('Select CSV File')
                    ], className='upload-data--text')
                )]
        ),

stylesheet.css

.upload-data .upload-data--uploader .upload-data--text {
  width: 100%;
  height: 60px;
  lineHeight: 60px;
  borderWidth: 1px;
  borderStyle: dashed;
  borderRadius: 5px;
  textAlign: center;
  margin: 10px;
}

0 个答案:

没有答案