#javascript #css #reactjs #react-bootstrap
Вопрос:
Я пытаюсь переписать цвет React-Bootstrap Form компонента. Я бы хотел, чтобы цвет фона был шестнадцатеричным #44494f вместо синего цвета по умолчанию на этом изображении:
Теперь вот мой код — я попытался отредактировать search-bar класс с помощью background-color , border-color , или color , но ни один из них, похоже, не работает:
export const Markets = () => {
return (
<Form className="search-bar">
<Form.Control
placeholder="Search Markets"
onChange={(e) => setSearch(e.target.value)}
/>
</Form>
);
};
Комментарии:
1. вы можете попробовать цвет: #44494f !важно;
2. @Бхарат, к сожалению, это тоже не работает..
3. попробуйте увидеть, какой стиль переопределяет стиль, который вы задаете, используя элемент inspect.
Ответ №1:
попробуйте сделать это,
.search-bar {
background-color: #44494f !important;
}
или
<Form className="search-bar" style="background-color: #44494f">
Комментарии:
1. Проверьте, находится ли он внутри теневого корня, если это так, вы можете использовать :селектор хоста