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

Question

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

我尝试查看 Slack 如何设置“（已编辑）”文本的样式，以及 Twitter 本身 (twitter.com) 如何设置时间戳的样式，它们似乎只是更改了字体颜色。我觉得很奇怪，选择了一种任意的字体颜色，但没有附加任何语义信息，甚至没有标准的灰色阴影。

bootstrap 文档 提到了一些语义颜色，但其中不包括灰色 - 灰色仅在灰度中提到。

原文由 Andrew Grimm 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

实际上有一种标准的方法可以做到这一点，在引导程序中，即使用 text-muted 。

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

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

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

原文由 Ctc 发布，翻译遵循 CC BY-SA 3.0 许可协议

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

原文由 Anthony Astige 发布，翻译遵循 CC BY-SA 3.0 许可协议