title: Style android spinner
body: <p>I'm trying to get my android app a bit more stylish and have made some progress but the spinner dropdown are giving me trouble. I've got a screenshot to show you the problem:</p>
  
  <p><img src="https://i.stack.imgur.com/iEUfU.png" alt="How do I get rid of the white background"></p>
  
  <p>What I want is the white box in the background to be transparent, as in the same grey overlay over the back screen as the rest of the screen outside the dropdown.</p>
  
  <p>Android 4.0, API 15 if I recall correctly.</p>
  
  <p>As requested here's how I do it so far. These are snippets I think are relevant but I might have missed something.</p>
  
  <p>Here's the xml for spinner:</p>
  
  <pre><code>&lt;Spinner
      android:id="@+id/edit_countrySpinner"
      android:layout_width="0dip"
      android:layout_height="wrap_content"
      android:layout_weight="1"
      android:entries="@array/edit_countryArray"
      android:gravity="center"
      android:prompt="@string/country_prompt" /&gt;
  </code></pre>
  
  <p>In my values/style.xml. If I change the color of the background here the background in the dialog do change, but all the rest of the backgrounds as well. I haven't figure out how to jus change the background in the dropdown dialog.</p>
  
  <pre><code>&lt;style name="appcin" parent="@android:style/Theme.NoTitleBar.Fullscreen"&gt;
      &lt;item name="android:spinnerStyle"&gt;@style/spinnerStyle&lt;/item&gt;
      &lt;item name="android:spinnerItemStyle"&gt;@style/SpinnerItem&lt;/item&gt;
      &lt;item name="android:spinnerDropDownItemStyle"&gt;@style/SpinnerDropDownItem&lt;/item&gt; --&gt;
      &lt;item name="android:background"&gt;#FFFFFF&lt;/item&gt;
  &lt;/style&gt;
  &lt;style name="spinnerStyle"&gt;
      &lt;item name="android:background"&gt;@drawable/pink_white_dropdown&lt;/item&gt;
      &lt;item name="android:clickable"&gt;true&lt;/item&gt;
  &lt;/style&gt;
  &lt;style name="SpinnerItem"&gt;
      &lt;item name="android:textColor"&gt;#993399&lt;/item&gt;
      &lt;item name="android:background"&gt;@drawable/pink_white_dropdown&lt;/item&gt;
      &lt;item name="android:maxHeight"&gt;10dip&lt;/item&gt;
  &lt;/style&gt;
  &lt;style name="SpinnerDropDownItem"&gt;
      &lt;item name="android:textColor"&gt;#993399&lt;/item&gt;
      &lt;item name="android:background"&gt;#FFFFFF&lt;/item&gt;
  &lt;/style&gt;
  </code></pre>
  
  <p>I've tried adding this to the app theme but none of them made any difference, the background was still white.</p>
  
  <pre><code>&lt;...theme....&gt;
     &lt;item name="android:dropDownListViewStyle"&gt;@style/DropDownStyle&lt;/item&gt;
     &lt;item name="android:dropDownSpinnerStyle"&gt;@style/DropDownStyle&lt;/item&gt;
     &lt;item name="android:dropDownSelector"&gt;@style/DropDownStyle&lt;/item&gt;
  &lt;/... theme ...&gt;
  &lt;style name="DropDownStyle"&gt;
      &lt;item name="android:background"&gt;#FFF000&lt;/item&gt;
      &lt;item name="android:popupBackground"&gt;#FFF000&lt;/item&gt;
      &lt;item name="android:cacheColorHint"&gt;#FFF000&lt;/item&gt;
  &lt;/style&gt;
  </code></pre>
  
  <p>In drawable/pink_white_dropdown, just showing the same image for all the cases. pink_white_arrow is a 9patch image I've made. There are lots of guides, <a href="http://www.android10.org/index.php/articlesother/279-draw-9-patch-tutorial" rel="noreferrer">here's one I found by 30sec on google</a>. </p>
  
  <pre><code>&lt;selector xmlns:android="http://schemas.android.com/apk/res/android"&gt;
    &lt;item android:state_window_focused="false" android:state_enabled="true"
        android:drawable="@drawable/pink_white_arrow"/&gt;
    &lt;item android:state_window_focused="false" android:state_enabled="false"
        android:drawable="@drawable/pink_white_arrow"/&gt;
    &lt;item android:state_pressed="true" 
        android:drawable="@drawable/pink_white_arrow"/&gt;
    &lt;item android:state_pressed="false" 
        android:drawable="@drawable/pink_white_arrow"/&gt;
    &lt;item android:state_focused="true" android:state_enabled="true" 
        android:drawable="@drawable/pink_white_arrow"/&gt;
    &lt;item android:state_enabled="true" 
        android:drawable="@drawable/pink_white_arrow"/&gt;
    &lt;item android:state_focused="true" 
        android:drawable="@drawable/pink_white_arrow"/&gt;
    &lt;item 
        android:drawable="@drawable/pink_white_arrow"/&gt;
  &lt;/selector&gt;
  </code></pre>
  
  <p>Somewhere in these files I figure something should be made transparent, but I don't know where.</p>