css 如何覆盖野生动物园蓝色轮廓为黑色？

wgxvkvu9 于 2023-05-02 发布在其他

关注(0)|答案(1)|浏览(109)

我有个想法。我为它设置了这样的CSS：

input:active,
input:focus {
  outline: 1px auto rgb(16, 16, 16) !important;
  outline-offset:0px;
}

但是当我试图通过https://appetize.io/检查它时，我的输入仍然是蓝色的轮廓：

我希望得到我的输入与黑色轮廓的重点。

input:active,
    input:focus {
      outline: 1px auto rgb(16, 16, 16) !important;
      outline-offset:0px;
    }

<input type="text">

1条答案

或者，您可以隐藏轮廓，并通过边框颜色和/或框阴影的组合来创建自己的焦点/活动样式。

input:active,
input:focus {
    outline: none;
    border: 1px solid rgb(16, 16, 16);
    box-shadow: 0 0 3px rgba(16, 16, 16, 0.5);
}