个回答

• 好人一生平安_mahy

  2016-07-01 21:29:42

  对于焦点问题我这这样理解的：

  1. 从讲解的代码中可以看出

  对于type="text"的焦点是添加在类名form-control上的。因为输入框需要这个类名来控制样式。
  

  对于type="radio"、type="checkout"、type="file"它们的焦点是添加在input[**]属性选择上的(这也就说明是不需要form-contrl类名的)

  2. 焦点的作用

  对于text、button他是有实际显示效果的，比如蓝色的边框

  对于radio、checkbox它们的效果就是当你点击框后面的文字同样也可以选择中。比如，当你点击"爱好"时也可以把复选框选中。但是并不会看到什么明显样式。

  1

• 好人一生平安_mahy

  2016-07-01 20:46:11

  我也是刚学，但是看了下你的代码，用法有点问题。

  1. 在例子中<input class="form-control" type="text" >这个输入框中的form-control是为了让输入框在不同风格的表格中不会出错所以加的。见3-4的讲解。

  2. 在radio和checkbox中并不需要加入form-control类名。你加入了这个类名所以导致单选框和复选框出现了样式的不正确，对于flie类型也是同理。

  3. 在代码中使用了`radio-inline`和`checkbox-inline`，但是你加到了DIV上。你可以看下3-7的讲解中，inline的类名是要加在包裹radio或checkbox的label标签上的。加在DIV上看似也有水平排列的效果，实际对比后发现并不如真确用法时美观。

     http://www.imooc.com/code/2359
     你看下这样写是不是会好些呢。

  2

• Yvonne_D

  2016-06-03 06:22:54

  css文件中：

  .form-control:focus {

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

  -moz-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);

  }

  看不出来设置的长方形外框呢，求 解

  0

• qq_爱卖萌的小女孩_0

  2016-06-01 17:16:03

  是不是css中定义的

  0