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

x33g5p2x 于 2023-09-28 发布在 Bootstrap

关注(0)|答案(2)|浏览(127)

有谁知道应用于Boostrap表单控制输入的框阴影是什么？我希望复制相同的蓝色辉光出现时，你悬停在一个输入，使用Bootstrap的形式控制类。有人愿意分享CSS代码吗？
我在Github上找过Bootstrap，但在任何地方都找不到。
谢谢你，

twitter-bootstrap

来源：https://stackoverflow.com/questions/33243876/bootstrap-default-css-box-shadow-for-inputs-with-form-control-class

2条答案

按热度按时间

i5desfxk1#

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/

赞(0）回复(0）举报 2023-09-28

4dc9hkyq2#

Bootstrap 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);
}

赞(0）回复(0）举报 2023-09-28

我来回答

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

2条答案

相关问题

热门标签

最新问答