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;
}

#my_menu li {
  border: solid 1px transparent;
}

JavaScript

var li;

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

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

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