首页 > 解决方案 > 如何使用 display 属性设置整个 react-select 的样式

问题描述

我看过这个风格指南,它真的写得不好。我有所有组件的完整列表,但我不知道它们是如何嵌套的。我要做的就是让整个组件排列成 inline-block,这样它就会与我之前的标签在同一行。但我无法得到正确的部分。任何帮助表示赞赏。这个组件现在很难为简单的项目设计样式。到目前为止,这是我的代码:

const customControlStyles = {
    container : (provided, state) => ({
        ...provided,
        width: 100, 
        backgroundColor: 'white',
        display:'inline-block'
    }),
    menu : (provided, state) => ({
        ...provided,
        width: 100, 
        backgroundColor: 'white',
        color: 'black'
    })

标签: reactjsreact-select

解决方案


推荐阅读