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

nkoocmlb  于 2023-03-20  发布在  Python
关注(0)|答案(1)|浏览(152)

我在使用定制的css文件来设计Dash中的upload组件的样式时遇到了麻烦。我知道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;
}
nukf8bse

nukf8bse1#

我以前也遇到过同样的问题,最后,我可以解决这个问题。
我认为css文件的描述应该是这样的。“textAlign”应该是“text-align”。

.upload-data .upload-data--uploader .upload-data--text {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border-width: 1px;
  border-style: dashed;
  border-radius: 5px;
  text-align: center;
  margin: 10px;
}

相关问题