title: How to keep the style of the support library's checkbox on a customized checkbox view?
body: <h2>Background</h2>
  
  <p>I use the support library's "Theme.AppCompat.NoActionBar" theme for my app.</p>
  
  <h2>The problem</h2>
  
  <p>Thing is , I use a customized Checkbox (a class that extend "CheckBox") , and for some reason I don't get the same style of it as the native one, even though its code shouldn't change anything, and even though the UI designer shows it's ok.</p>
  
  <p>Here's a screenshot showing that situation.</p>
  
  <p>UI designer:</p>
  
  <p><img src="https://i.stack.imgur.com/2plHV.png" alt="enter image description here"></p>
  
  <p>Android Kitkat device:
  <img src="https://i.stack.imgur.com/HzMOY.png" alt="enter image description here"></p>
  
  <p>And here's the XML:</p>
  
  <pre><code>&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:tools="http://schemas.android.com/tools"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center"
                android:orientation="vertical"
                tools:context=".MainActivity"&gt;
  
      &lt;CheckBox
          android:layout_width="wrap_content"
          android:text="Native Checbox"
          android:layout_height="wrap_content"
          android:checked="false"/&gt;
  
      &lt;CheckBox
          android:layout_width="wrap_content"
          android:text="Native Checbox checked"
          android:layout_height="wrap_content"
          android:checked="true"/&gt;
  
      &lt;lb.test.CheckBox
          android:layout_width="wrap_content"
          android:text="Customized Checbox"
          android:layout_height="wrap_content"
          android:checked="false"/&gt;
  
      &lt;lb.test.CheckBox
          android:layout_width="wrap_content"
          android:text="Customized Checbox checked"
          android:layout_height="wrap_content"
          android:checked="true"/&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>I prefer the normal style that's used for the native checkbox.</p>
  
  <p>for the simplicity, I've made this test as minimal as possible, and you can just put CTORs for the customized checkbox, making it nearly identical to the normal checkbox.</p>
  
  <h2>The question</h2>
  
  <p>How should I overcome this weird behavior? Why can't the UI designer show the true way it will be shown for such a simple case?</p>
  
  <p>Are there other views that I should know about, which have this behavior?</p>