[React-select] cursor not-allowed 적용

<Select
    className="select2-selection col-3 col-12 mb-1 mt-1"
    name="level"
    options={levelJson}
    defaultValue={moveData?.selectedLv}
    getOptionLabel={getOptionLabel}
    getOptionValue={getOptionValue}
    onChange={(e)=> userEditHandler(e, "level")}
    styles={{
        control: (styles) => ({
            ...styles,
            backgroundColor: "#eff2f7",
            opacity: 1,
            color: "#495057",
            cursor: 'not-allowed',
            pointerEvents:"all"
        })
    }}
    isDisabled={true}
/>

 

참조.

https://mingmeng030.tistory.com/267

[React] react-select를 사용해보자

https://react-select.com/styles

React-Select