title: How to change font color of select2 control using css
body: <p>I am using the following HTML code to include a select2 control in my form as below.</p>
  
  <pre><code>&lt;select id="element_id" class="select2" style="width:100%"&gt;
  &lt;option value="e1" &gt;Element 1&lt;/option&gt;
  &lt;option value="e2" &gt;Element 2&lt;/option&gt;
  &lt;option value="e3" &gt;Element 3&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I am using the following style to format the font of the list items and selected item.</p>
  
  <pre><code>&lt;style&gt;
      #s2id_element_id .select2-container--default .select2-selection--single .select2-selection__rendered 
      {
          color: green ;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>This does not color the list items and selected item in green color. 
  Note: I only need this specific select box to have the style but not others.  So I am using the css id selector for specific select2 control.</p>
  
  <p>Thanks.</p>