Browser dependent styles
HTML
<div class="targetted-div">
This is it!
</div>
CSS
.targetted-div
{
font-size: 36px;
}
.for-chrome
{
-webkit-text-fill-color: pink;
-webkit-text-stroke-color: Red;
-webkit-text-stroke-width: 2px;
}
JavaScript
$(document).ready(main);
function isChrome() {
return navigator.userAgent.indexOf("Chrome") >- 1;
}
function main() {
if(isChrome()) {
$(".targetted-div").addClass("for-chrome");
}
}