next.js 在React中覆盖来自DateTimePicker NPM包的CSS类

mdfafbf1  于 2023-08-04  发布在  React
关注(0)|答案(1)|浏览(109)

是否可以覆盖来自NPM包的CSS的样式?
我正在使用DateTimePicker NPM包,但在删除黑色边框时遇到了麻烦。
我的代码是;

import { Controller, useForm } from 'react-hook-form'
import DateTimePicker from 'react-datetime-picker'
import 'react-datetime-picker/dist/DateTimePicker.css'
import 'react-calendar/dist/Calendar.css'

const Calendar = () => {
    return (
        <div>
            <Controller
                control={control}
                name='start_time'
                defaultValue={new Date()}
                render={({ field: { onChange, value } }) => (
                    <DateTimePicker
                        onChange={onChange}
                        value={value ? new Date(value) : null}
                    />
                )}
            />
        </div>
    )
}

字符串
DateTimePicker.css文件中有一个类;

.react-datetime-picker__wrapper {
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    border: thin solid gray;
}


我只想把边框改成无
这可能吗?

ubby3x7f

ubby3x7f1#

是的,这是可能的,只是添加!要覆盖其他CSS属性旁边的重要信息

一月一日

.react-datetime-picker__wrapper {
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    border: none !important;
}

字符串

相关问题