JSFiddle - React, Tailwind, and code Playground

HTML

<div id="id1">
    <input type="button" value="value 1" class="blackButton"/>  
</div>

<div id="id2">
    <input type="button" value="value 2" class="blackButton"/>
</div>

<div id="id3">
    <input type="button" value="value 3" class="blackButton"/>
</div>

CSS

.blackButton {   
    background: url("Black_button.jpg");  
    vertical-align: middle; 
    margin-top: 1%;   
    margin-bottom: 1%;  
}

.active {background: green;}