Style android spinner
<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="http://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="nofollow">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>
