ReactStrap 组件在星星周围显示边框

Question

我想在我的应用程序中使用<ReactStars /> 组件，但是当我单击星号时，该组件会在星号周围显示边框。当我单击星号时，如何使它不显示该边框？

我尝试使用 id 或 className 属性来定义无边框样式，但它不起作用，我不知道该尝试什么。我查看了该组件的属性列表，但没有找到可以取消该行为的内容。 我在这里做了一个最小的例子： https://codesandbox.io/s/recursing-bird-3hufy?file=/src/App.js

Answer 1

您需要在名为 react-stars 的类上添加 outline 属性，该属性由库应用到 stars 行。

这是您更新后的codesandbox。