时间戳

首页 > 解决方案 > Python Dash：如何使用自定义 CSS 设置 dash 组件的样式？

python - Python Dash：如何使用自定义 CSS 设置 dash 组件的样式？

问题描述

我在使用自定义 css 文件对 Dash 上传组件进行样式设置时遇到问题。我知道 dcc 有一个样式参数，但我宁愿在 CSS 文件中使用我的样式。我不知道为什么它的样式不正确；有人可以指出我做错了什么吗？

主文件

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;
}

标签： pythonhtmlcssweb-applicationsplotly-dash

解决方案

推荐阅读