23 lines
703 B
HTML
23 lines
703 B
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Fokus-Indikator</title>
|
|
<style>
|
|
body { font-family: system-ui, sans-serif; padding: 1.4rem; font-size: 1rem; }
|
|
button { font: inherit; padding: 10px 18px; margin: 8px 0; display: block; border: 1.5px solid #d1d5db; background: #fff; border-radius: 4px; cursor: pointer; }
|
|
button:focus-visible, button.is-focused {
|
|
outline: 3px solid #d63384;
|
|
outline-offset: 3px;
|
|
border-radius: 4px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p><strong>Tab-Taste drücken:</strong></p>
|
|
<button class="is-focused">Erster Button</button>
|
|
<button>Zweiter Button</button>
|
|
<button>Dritter Button</button>
|
|
</body>
|
|
</html>
|