JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<button type="button" class="uid-btn-focus">focus</button>


<button type="button" class="uid-btn-focus-visible">focus-visible</button>

CSS

.uid-btn-focus,
.uid-btn-focus-visible {
    padding: 10px 20px;
    border: 1px solid #000000;
    font-size: 16px;
}

.uid-btn-focus:focus {
    outline: 5px solid #00b7a8;
}

.uid-btn-focus-visible:focus-visible {
    outline: 5px solid #00b7a8;
}