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

来源:3-11 表单控件状态(焦点状态)

慕粉3883780

2016-10-08 20:22

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

写回答 关注

2回答

  • 慕粉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 这个类就可以,表单内容点击出现蓝色边框,即为实现了获取焦点


    慕粉3883...

    非常感谢!

    2016-10-10 14:58:42

    共 1 条回复 >

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

    你的代码是对了的,居中效果也是和老师一样。我在dw上给你试了的。

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314546 学习 · 2275 问题

查看课程

相似问题