title: Chrome extension to make a small CSS change to *.google.com
body: <p>I just wrote a simple extension that has permission to *.google.com and changes some CSS on one class, and I think I overlooked something simple.  I'm changing the +1 button, which is implemented like so:  </p>
  
  <pre><code>&lt;button ... class="esw eswd BRowJd Jt"&gt;  
  </code></pre>
  
  <p>In my style.css I say:</p>
  
  <pre><code>button.eswa { border: 2px solid #000000; }
  </code></pre>
  
  <p>the change never appears. I also tried switching the class to  <code>Jt</code> in case that was overriding my CSS, no luck.  The class that defines the unclicked +1 button is the "eswa", fyi.</p>
  
  <p>As per the documentation I also set permissions to the sites I want to alter in my  manifest.json</p>
  
  <p>{
      "name": "G+ Rebrander",
      "version": "0.92",
      "description": "Returns the original branding for G+ (pre March 2012) such as the +1 button.",
      "browser_action":   {
          "default_icon": "g-plus.png"
      },</p>
  
  <pre><code>"icons":{
      "128":"g-plus128.png"
  },
  
  "permissions": [
      "http://plus.google.com/",
      "https://plus.google.com/",
      "http://*.google.com/",
      "https://*.google.com/",
      "tabs"
  ]
  </code></pre>
  
  <p>}</p>