JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="my_menu">
    <li>File</li>
    <li>Edit</li>
    <li>Exit</li>
</ul>

CSS

body{
    background-color:#D5D1C8;
    font-family:sans-serif, arial;
}

JavaScript

var li;

li = $('#my_menu').find('li');

li.css({
    'display': 'inline',
    'padding': '3px'
});

li.hover(function() {
    $(this).css({
        'border-left' : 'solid 1px white',
        'border-right' : 'solid 1px #808080',
        'border-top' : 'solid 1px white',
        'border-bottom' : 'solid 1px #808080'
    });
}, function() {
    $(this).css('border', 'none');
});