问答详情
源自：3-11 表单控件状态(焦点状态)

玩转bootsrap(基础) 3-11 节，没有看到介绍的效果，同时实例代码中没有出现foucs类？

代码如何改可以让.foucs类起作用？

提问者：慕粉3883780 2016-10-08 20:22

个回答

  • 慕粉3563242
    2016-10-08 20:49:15
    已采纳

    焦点状态是通过伪类“:focus”来实现

    .form-control:focus {
border-color: #66afe9;
outline: 0;
  -webkit-box-shadow: inset 0 1px 1pxrgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1pxrgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
    要出现焦点状态只需要调用 form-control 这个类就可以，表单内容点击出现蓝色边框，即为实现了获取焦点


    0
  • 慕移动9181930
    2022-03-23 01:22:40

    你的代码是对了的，居中效果也是和老师一样。我在dw上给你试了的。遇到了同样的问题

    0