JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://dev.sencha.com/deploy/ext-3.3.1/resources/css/ext-all.css">
<script src="http://dev.sencha.com/deploy/ext-3.3.1/adapter/ext/ext-base.js"></script>
<script src="http://dev.sencha.com/deploy/ext-3.3.1/ext-all-debug.js"></script>
<p>
test
</p>

CSS

body {
    background: yellow;
}
.test td {
  background-position: 1000px 1000px;
}
.without-hover td {
  background-image: none;
}

JavaScript

var button = new Ext.Button({
  text: 'test button',    
  cls: "test",
    renderTo: Ext.getBody()
  // ...
});
var button = new Ext.Button({
  text: 'without hover',    
  cls: "without-hover",
    renderTo: Ext.getBody()
  // ...
});