原文:Bootstrap之表单控件状态

Bootstrap中的表单控件状态主要有三种:焦点状态,禁用状态,验证状态。 一 焦点状态:该状态告诉用户可输入或选择东西 焦点状态通过伪类 :focus 以实现。 bootstrap.css相应源码: 使用方法:给控件添加类名 form control 。 eg: 效果图如下所示: 焦点状态下为蓝色边框效果 焦点状态下,file radio checkbox控件的效果与普通的input空间不完全 ...

2016-03-19 22:39 0 7666 推荐指数:

查看详情

Bootstrap 表单控件状态(禁用状态)

Bootstrap框架的表单控件的禁用状态和普通的表单禁用状态实现方法是一样的,在相应的表单控件上添加属性“disabled”。和其他表单的禁用状态不同的是,Bootstrap框架做了一些样式风格的处理: 使用方法为:只需要在需要禁用的表单控件上加上“disabled”即可: < ...

Wed Dec 03 22:10:00 CST 2014 0 7502
Bootstrap 表单控件状态(验证状态)

在制作表单时,不免要做表单验证。同样也需要提供验证状态样式,在Bootstrap框架中同样提供这几种效果。1、.has-warning:警告状态(黄色)2、.has-error:错误状态(红色)3、.has-success:成功状态(绿色)使用的时候只需要在form-group容器上对应添加状态类 ...

Wed Dec 03 22:20:00 CST 2014 0 7845
表单控件状态(禁用状态)

Bootstrap框架的表单控件的禁用状态和普通的表单禁用状态实现方法是一样的,在相应的表单控件上添加属性“disabled”。 在使用了“form-control”的表单控件中,样式设置了禁用表单背景色为灰色,而且手型变成了不准输入的形状。如果控件中不使用类名“form-control”,禁用 ...

Tue Aug 16 03:43:00 CST 2016 0 5391
Bootstrap关于表单控件(Radio,CheckBox)

表单控件(复选框checkbox和单选择按钮radio) Bootstrap框架中checkbox和radio有点特殊,Bootstrap针对他们做了一些特殊化处理,主要是checkbox和radio与label标签配合使用会出现一些小问题(最头痛 ...

Sun Nov 23 05:37:00 CST 2014 0 54755
Bootstrap系列 -- 18. 表单控件大小

  前面看到的表单控件都正常的大小。可以通过设置控件的height,line-height,padding和font-size等属性来实现控件的高度设置。不过Bootstrap框架还提供了两个不同的类名,用来控制表单控件的高度。这两个类名是:   1. input-sm:让控件比正常 ...

Thu Jun 25 16:14:00 CST 2015 0 10394
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM