react-datetime-range-picker 如何从库中更改内部样式集

Question

我正在学习 React，现在我正在使用这个库 https://www.npmjs.com/package/react-datetime-range-picker 创建一个反应日期时间范围。问题是现在我想从输入中删除边框，但我不知道如何在不修改库的情况下覆盖库提供的样式。

import React from "react";
import "react-datetime/css/react-datetime.css";
import DatetimeRangePicker from "react-datetime-range-picker";

export default function App() {
  return <DatetimeRangePicker />;
}

输入内的样式（控制台开发人员查看）

element.style {
    cursor: pointer;
    background-color: white;
    border: 1px solid rgb(226, 226, 226);
}

密码箱：https://codesandbox.io/s/modest-villani-63o41?file=/src/App.js:0-206

是否可以在不修改库的情况下覆盖样式以删除边框？提前谢谢你

Answer 1

在 CSS 样式中使用 !important

element.style {
    cursor: pointer !important;
    background-color: white !important;
    border: 1px solid rgb(226, 226, 226) !important;
}