JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://getfirebug.com/firebug-lite.js"></script>
<input tabindex="1" value="tab-index: 1;" />

CSS

input {
    padding: 10px;
    margin: 10px;
    background: #023838;
    display: block;
    width: 175px;
    border-radius: 100px;
    border: 2px solid #199999;
    
    font-weight: bold;
    color: #fff;
    font-family: monospace;
}

input:focus {
    border-color: red;
}

JavaScript

jQuery.expr[':'].tabIndexAbove = function(elem, index, match) {
    console.log(match);
};

$('input:tabIndexAbove(4)');