<link href="https://fonts.googleapis.com/css2?family=Kumbh+Sans&display=swap" rel="stylesheet">
<h1>tabindex negative</h1>
<ul>
<li>
<button>
Click me, then tab once
</button>
</li>
<li>
<button tabindex='-1'>
I get skipped.
</button>
</li>
<li>
<a href='#'>
I'm second!
</a>
</li>
<li>
<a href='#' tabindex='-1'>
I'm skipped...
</a>
</li>
<li>
<button href='#'>
I'm the last one! Continue on in my post!
</button>
</li>
</ul>
li {
margin: 25px 0
}
body {
font-family: 'Kumbh Sans', sans-serif;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.