Mit dem folgenden CSS-Schnipsel ist es möglich, die mittels dem Inline-Element kbd ausgezeichneten Keyboard-Tasten optisch etwas ansprechender zu gestalten, und so zu drückende Tastaturkürzel besser zu visualisieren, wie zum Beispiel:
Strg + Alt + Entf
so dargestellt wird:
Dazu muss man lediglich im CSS, beispielsweise im Child-Theme von WordPress, dieses CSS hinterlegen:
kbd {
display: inline-block;
margin: 0 0.1em;
padding: 0.1em 0.6em;
color: #242729;
text-shadow: 0 1px 0 #fff;
background-color: #fffaec;
border: 1px solid #999999;
border-radius: 3px;
box-shadow: 0 1px 0 rgb(12 13 14 / 25%), 0 0 0 2px #fff inset;
white-space: nowrap;
}In WordPress kann man im Gutenberg-Editor Tastenkombinationen dann beispielsweise recht einfach entsprechend auszeichnen und braucht so, außer dem bisschen CSS, keine separaten Plugins:
