如何在按钮活动css中设置阴影

第一张照片是当按钮处于非活动状态时。第二张照片是当按钮点击时。这个密码不是我的。我已经读了代码，但是我仍然不知道边界阴影是从哪里来的。这些按钮有一个名为“随机btn”的类。这是关于随机btn的唯一css代码：

.random-btn {
  margin-top: 0.5rem;
  background: var(--clr-primary-10);
  color: var(--clr-primary-5);
  padding: 0.25rem 0.5rem;
  outline: none;
  text-transform: capitalize;
  border-radius: var(--radius);
  transition: var(--transition);
  border-color: var(--clr-primary-5);
  cursor: pointer;
}
.random-btn:hover {
  background: var(--clr-primary-5);
  color: var(--clr-primary-1);
}

这也是上面提到的以下变量：

--clr-primary-10: hsl(205, 100%, 96%);
--clr-primary-5: hsl(205, 78%, 60%);
--clr-primary-1: hsl(205, 86%, 17%);

---

它来自浏览器为按钮提供的默认属性。它是

边框样式

属性

如果使用Chrome Developer工具，默认样式为斜体，在那里可以看到

边框样式

.btn{
边界样式：开始；
}
.btn:悬停{
边框样式：插图；
}

单击我