JSFiddle - React, Tailwind, and code Playground

HTML

<div class='listado' href="#">
    <div>
        <label>Cliente: </label>NombreCliente<br>
        <label>valor: </label>
        <span>1.000.000</span>
    </div>
</div>

CSS

.listado {background-color:#ddd; 
background: -webkit-linear-gradient(orange, pink);
background: -moz-linear-gradient(orange, pink);
background: -o-linear-gradient(orange, pink);
background: linear-gradient(orange, pink);
border-radius:10px;
padding:5px; margin-bottom:10px; 

}
.listado div {font-size:13px;}
.listado div span{color:#f00;}
.listado.active{background:#bab0b0; color:#fff;}

JavaScript

$(".listado").on("mousedown mouseup", function(e){
    $(this).toggleClass("active", e.type === "mousedown");
});