CSS selector on an attribute

Question

I have a bunch of inputs e.g:

<div class="token-list">
  <input type="hidden" name="tokens[]" value="token1" />
  <input type="hidden" name="tokens_text[]" value="token1_text" />
  <input type="hidden" name="tokens[]" value="token2" />
  <input type="hidden" name="tokens_text[]" value="token2_text" />
  <input type="hidden" name="tokens[]" value="token3" />
  <input type="hidden" name="tokens_text[]" value="token3_text" />
  <input type="hidden" name="tokens[]" value="token4" />
  <input type="hidden" name="tokens_text[]" value="token4_text" />
  <input type="hidden" name="tokens[]" value="token5" />
  <input type="hidden" name="tokens_text[]" value="token5_text" />
</div>

Is it possible to select just the ones with the name 'tokens' in CSS?

I was hoping to do something like input[name~=hosts[]] (This isn't working - I assume because of the square brackets in the name).

Answer 1

[name="tokens[]"] {
    background: honeydew;
}

http://jsfiddle.net/2pUgY/3/