JSFiddle - React, Tailwind, and code Playground

by Preston Reyes

HTML

<div id="readMailFunctionCellReply"><img src="images/reply.png" title="Reply" /><br>Reply</div>

CSS

#readMailFunctionCellReply{
	justify-content: center;
	padding-top:10px;
	padding-bottom:5px;
	text-align: center;
	/* border: 1px solid #a45127; */
	color:#a45127;
}
#readMailFunctionCellReply:hover{
	cursor:pointer;
	background-color: #ffedc5;
	text-decoration: underline;
	color:#a45127;
}

JavaScript

$(document).on('click', '#readMailFunctionCellReply', function() {

	 { 
			$("#readMailFunctionCellReply").addClass("background-color:#ffedc5");
		}
		function() { $("#readMailFunctionCellReply").css("background-color:");
		}
	
  })