pythondash:如何使用自定义CSS设置Dash组件的样式?

2024-04-18 17:27:51 发布

您现在位置:Python中文网/ 问答频道 /正文

我在使用自定义css文件从Dash设置上传组件的样式时遇到问题。我知道dcc有一个样式参数,但是我更希望我的样式在CSS文件中。我不明白为什么它的样式不合适,有人能指出我做得不对吗?你知道吗

你知道吗主.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')
                )]
        ),

你知道吗样式表.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;
}

Tags: 文件textdivdata参数html组件样式