前端设计小窍门之bootstrap－class.sr-only属性

class的sr-only属性是把元素对所有设备隐藏，除了屏幕阅读器。sr-only（screen reader）即屏幕阅读器。屏幕阅读器就是对残障人士看不到屏幕，借助阅读器读取屏幕内容时，读取相关内容，但是屏幕中不显示。如下例如：

<form class="form-inline" role="form">
   <div class="form-group">
      <label class="sr-only" for="email">Email 地址</label>
      <input type="email" class="form-control" placeholder="Enter email">
   </div>
   <div class="form-group">
      <label class="sr-only" for="pass">密码</label>
      <input type="password" class="form-control" placeholder="Password">
   </div>
   </form>

只显示两个输入框，没有标题提示。

转载于:https://my.oschina.net/yuguojun/blog/727884