侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 129715 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

boostrap 类的使用 form-control

2024-04-28 星期日 / 0 评论 / 0 点赞 / 2 阅读 / 1000 字

当然表单除了这几个元素之外,还有input、select、textarea等元素,在Bootstrap框架中,通过定制了一个类名form-control,也就是说,如果这几个元素使用了类名“form-

当然表单除了这几个元素之外,还有input、select、textarea等元素,在Bootstrap框架中,通过定制了一个类名form-control,也就是说,如果这几个元素使用了类名“form-control”,将会实现一些设计上的定制效果。

1、宽度变成了100%

2、设置了一个浅灰色(#ccc)的边框

3、具有4px的圆角

4、设置阴影效果,并且元素得到焦点之时,阴影和边框效果会有所变化

5、设置了placeholder的颜色为#999

比如:<input type="email" class="form-control" id="exampleInputEmail1" placeholder="请输入您的邮箱地址">

同时 form-control 还可以加上 焦点的效果:即 (鼠标单击输入框,使其获得焦点就可以看到加入蓝色边框效果)要让控件在焦点状态下有上面样式效果,需要给控件添加类名“form-control”

广告 广告

评论区