仅在标签上显示焦点轮廓，而不是鼠标单击

Question

我正在研究ReactJS网络应用程序，我正在添加特定的大纲样式，但是当用户使用鼠标点击它时会显示轮廓。如何使轮廓仅显示为标签？

const Test = styled.div`
 &:focus {
  outline: 1px solid red;
 }
`;

Answer 1

这个问题已经有了很好的答案： MSDN documentation

看一下，答案非常详细。有趣的编码。