带React-Bootstrap的样式化组件

Question

我正在寻找一种样式化位于react-bootstrap中组件下方的元素的方法

下面提到的答案是关于react-bootstrap的重写样式的，但是我正在寻找一种方法来定位到树的更下方。

---

下面的先前解决方案

您可以扩展样式，以保持组件的原始样式不受引导。您将在此处找到有关使用第三方库（如带样式组件的react bootstrap）的更多文档。

const StyledButton = styled(Button)`
  color: palevioletred;
  font-size: 1em;
  margin: 1em;
  padding: 0.25em 1em;
  border: 2px solid palevioletred;
  border-radius: 3px;
`;