JSFiddle - React, Tailwind, and code Playground

by megarameno

HTML

<script src="http://rawgit.com/tomasbulva/browserdetector/master/jquery.browserdetect.js"></script>
<div id="chrome">Chrome</div>
<div id="safari">Safari</div>
<div id="firefox">Firefox</div>
<div id="opera">Opera</div>

<div id="ie6">MS IE 6</div>
<div id="ie7">MS IE 7</div>
<div id="ie8">MS IE 8</div>
<div id="ie9">MS IE 9</div>
<div id="ie10">MS IE 10</div>
<div id="ie11">MS IE 11</div>

CSS

div {
	width:50px;
	height:50px;
	margin: 10px;
	padding: 10px;
	text-align: center;
	border: 2px solid #999;
	font-family: Arial, "san serif";
	color: #000;
}

#chrome.Chrome,
#safari.Safari,
#firefox.Firefox,
#opera.Opera,
#ie6.ie6,
#ie7.ie7,
#ie8.ie8,
#ie9.ie9,
#ie10.ie10,
#ie11.ie11 {
	background-color: #65b537;
	color: #fff;
}

JavaScript

$(function () {
	$('div').browser();
});