title: Chrome extension - inject css to pages upon browser action clicked
body: <p>I know how to inject CSS into specified URLS using this method <a href="https://stackoverflow.com/a/7619104/1157283">https://stackoverflow.com/a/7619104/1157283</a></p>
  
  <p>However, what if I only want it to be injected into these pages when a browser action is clicked? I was reading about programmatic injection <a href="http://developer.chrome.com/extensions/content_scripts.html#pi" rel="nofollow noreferrer">http://developer.chrome.com/extensions/content_scripts.html#pi</a> and that makes it seem that you would have to get the tabIDs of all the pages you want to inject the CSS into, and then loop over them to inject the CSS for each tabID?</p>
  
  <p>Is this what's required or am I completely off the mark here? It seems like it should be more straightforward to do than what I'm suggesting. Thanks!</p>