灰显普通HTML文本的标准化方法

Question

是否有一种标准化的方法可以在HTML或引导程序中灰化（灰化）要忽略的文本？

我试着看看Slack如何设置＆＃34;（已编辑）＆＃34;文本，以及Twitter本身（twitter.com）如何设置时间戳的样式，似乎它们只是改变了字体颜色。对我来说，选择任意字体颜色而不附加任何语义信息，甚至是标准化的灰色阴影，这似乎很奇怪。

bootstrap documentation提到了一些语义颜色，但灰色并未包含在其中 - 灰色仅以灰度显示。

Answer 1

在bootstrap中实际上有一种标准方法可以使用text-muted。

事实上，有一个直接应用的标准文本阴影和颜色列表。

http://www.w3schools.com/bootstrap/bootstrap_ref_css_helpers.asp

对于HTML，拥有一个带有禁用类的CSS并将其应用于任何文本将是更好的选择。

Answer 2

标准HTML输入表单

这方面的一个例子是禁用HTML输入元素，虽然没有跨浏览器的标准显示。

http://codepen.io/anthonyastige/pen/dXNEmx

<input type=button value="I can do all the things">
<input type=button value="I'm disabled" disabled>

Bootstrap输入表单

此处还有使用.disabled类

禁用输入元素的概念

https://getbootstrap.com/css/#checkboxes-and-radios

引导文本

.text-muted类意味着已禁用，但规格并未明确说明其含义。

https://getbootstrap.com/css/#helper-classes

Answer 3

见以下样本：

＆＃13;

＆＃13;

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>


<fieldset disabled>
  <div class="form-group">
    <label for="inputText">Disabled input</label>
    <input class="form-control" id="inputText" type="text" placeholder="Disabled Input" disabled>
    <p class="help-block">Example block-level help-block class text here.</p>
    <p class="text-muted">Example block-level with text-muted class.</p>
  </div>
  <div class="form-group">
    <label for="optionSelect">Disabled select menu</label>
    <select id="optionSelect" class="form-control">
      <option>Select Value</option>
    </select>
  </div>
  <div class="checkbox">
    <label>
      <input type="checkbox">Disabled Checkbox
    </label>
  </div>
  <button type="submit" class="btn btn-primary">Disabled Button</button>
</fieldset>

＆＃13;

＆＃13;

＆＃13;