html - 如何在 中更改颜色？

Question

如何在 <kbd> 中改变颜色？

这是我的代码:

<a class="navbar-brand" href="#"><kbd><?php echo $x; ?></kbd></a>

Answer 1

供进一步引用，因为有 twitter-bootstrap OP 问题中的标签，我认为正确的方法是使用 Bootstrap Helper classes 已经加载。

• 要更改颜色，请使用 Contextual colors
• 要更改背景，请使用 Contextual backgrounds
• 要根据需要更改所有内容，请使用 Labels或 Alerts ^{(但没有 label/alert 类，因为您在 kbd 中)}

See the following code snippet for live example.

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<h3>Default, no class</h3>
<kbd>default</kbd>
<hr />
<h3>Only background</h3>
<kbd class="bg-muted">bg-muted</kbd>
<kbd class="bg-primary">bg-primary</kbd>
<kbd class="bg-success">bg-success</kbd>
<kbd class="bg-info">bg-info</kbd>
<kbd class="bg-warning">bg-warning</kbd>
<kbd class="bg-danger">bg-danger</kbd>
<hr />
<h3>Only text</h3>
<kbd class="text-muted">text-muted</kbd>
<kbd class="text-primary">text-primary</kbd>
<kbd class="text-success">text-success</kbd>
<kbd class="text-info">text-info</kbd>
<kbd class="text-warning">text-warning</kbd>
<kbd class="text-danger">text-danger</kbd>
<hr />
<h3>All (with label)</h3>
<kbd class="label-default">Default</kbd>
<kbd class="label-primary">Primary</kbd>
<kbd class="label-success">Success</kbd>
<kbd class="label-info">Info</kbd>
<kbd class="label-warning">Warning</kbd>
<kbd class="label-danger">Danger</kbd>
<hr /><h3>All (with alert)</h3>
<kbd class="alert-muted">alert-muted</kbd>
<kbd class="alert-primary">alert-primary</kbd>
<kbd class="alert-success">alert-success</kbd>
<kbd class="alert-info">alert-info</kbd>
<kbd class="alert-warning">alert-warning</kbd>
<kbd class="alert-danger">alert-danger</kbd>