追心中的海,逐世界的梦
我们将某些表单控件的默认 outline 样式移除,然后对 :focus 状态赋予 box-shadow 属性。
outline
:focus
box-shadow
当输入框 input 接收到 :focus 时,输入框的轮廓会被移除,同时应用 box-shadow。如下面实例所示:
input
在本文档中,我们为上面实例中的输入框赋予了自定义的样式,用于演示 .form-control 元素的 :focus 状态。
.form-control