title: android checkbox text disappears when custom background is set
body: <p>I want to make a weekly calendar, where every day is a custom checkbox with objective to look like the image bellow:</p>
  
  <p>(<a href="http://i.imgur.com/WjIKCd0.png" rel="nofollow">http://i.imgur.com/WjIKCd0.png</a>)</p>
  
  <p>When the user clicks on a day (Monday in this case), the "background" and "button" checkbox changes as well the text color...</p>
  
  <p>I made the drawables and it seems to work fine... check bellow the code:</p>
  
  <p>Checkbox layout:</p>
  
  <pre><code>&lt;CheckBox
  android:id="@+id/selectMonday"
  android:layout_width="40dp"
  android:layout_height="40dp"
  android:button="@drawable/ic_none"
  style="@style/CheckBoxBackgroundView"
  android:onClick="selectDay"
  android:text="@string/monday_letter"
  android:gravity="center"
  android:checked="true"/&gt;
  </code></pre>
  
  <p>(the drawable "ic_none", is simple a 135x135 "transparent" image with nothing in it...)</p>
  
  <p>Style (CheckBoxBackgroundView):</p>
  
  <pre><code>&lt;style name="CheckBoxBackgroundView"&gt;
      &lt;item name="android:background"&gt;@drawable/background_day_week_picker_box_selector&lt;/item&gt;
      &lt;item name="android:textColor"&gt;@color/text_color_day_week_picker_box_selector&lt;/item&gt;
      &lt;item name="android:textSize"&gt;@dimen/text_spinner_text&lt;/item&gt;
      &lt;item name="android:textStyle"&gt;bold&lt;/item&gt;
  &lt;/style&gt;
  </code></pre>
  
  <p>Background Selector (background_day_week_picker_box_selector):</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
      &lt;selector  xmlns:android="http://schemas.android.com/apk/res/android"&gt;
      &lt;item android:state_checked="false"
            android:drawable="@drawable/background_day_of_week_picker_unselected" /&gt;
      &lt;item android:state_checked="true"
            android:drawable="@drawable/background_day_of_week_picker_selected" /&gt;
      &lt;/selector&gt;
  </code></pre>
  
  <p>Background selected (background_day_of_week_picker_selected):</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;shape
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:shape="rectangle"&gt;
  
      &lt;!-- view background color --&gt;
      &lt;solid
          android:color="@color/red_color" &gt;
      &lt;/solid&gt;
  
      &lt;!-- view border color and width --&gt;
      &lt;stroke
          android:width="3dp"
          android:color="@color/transparent"&gt;
      &lt;/stroke&gt;
  
      &lt;!-- Here is the corner radius --&gt;
      &lt;corners
          android:radius="10dp"   &gt;
      &lt;/corners&gt;
  
  &lt;/shape&gt;
  </code></pre>
  
  <p>and finally the color selector (text_color_day_week_picker_box_selector):</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
   &lt;selector xmlns:android="http://schemas.android.com/apk/res/android"&gt;
       &lt;item android:state_checked="false"
             android:color="@color/red_color"&gt;&lt;/item&gt;
       &lt;item android:state_checked="true"
             android:color="@color/white"&gt;&lt;/item&gt;
   &lt;/selector&gt;
  </code></pre>
  
  <p>I tried this in several devices... in some, it appears like it suppose to, in others the text disappears and it looks like this:</p>
  
  <p>(<a href="http://i.imgur.com/Jy9FrPS.png" rel="nofollow">http://i.imgur.com/Jy9FrPS.png</a>)</p>
  
  <p>probably is coincidence, but all the devices that worked are below 5 inches...</p>
  
  <p>is there anything wrong with my code that I'm not seeing? anyone have any suggestions?</p>
  
  <p>Thanks in advance</p>