Bootstrap - 具有“form-control”类的输入的默认 CSS 框阴影

Question

有谁知道应用于 Boostrap 表单控制输入的框阴影是什么？我希望复制当您将鼠标悬停在使用 Bootstrap 表单控制类的输入上时出现的相同蓝色发光。有哪位好心人可以分享CSS代码吗？

我在 Github 上查找了 Boostrap，但在任何地方都找不到它。

谢谢，

Answer 1

border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);

如果您想查看其他组件的实现，只需检查它 - http://getbootstrap.com/components/

Answer 2

引导5.3.1：

.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}