How to set checkbox border color

Question

The checkbox border is invisible on white background.

I played with different color parameters without success. I need black border of box. Yes, there examples to make custom checkbox. In all drawable examples the normal box is visible inside of new shape. And the drawable shape is narrow without text in android:text="".

But why checkbox does not look okay in usual xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:id="@+id/layoutBottom1"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:orientation="horizontal"     android:background="#FFFFFF"     android:gravity="center" >     <CheckBox         android:id="@+id/checkBottom1"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="AAAA"         android:visibility="visible"         android:textColor="#000000"         android:checked="true" />  </LinearLayout> 

Any ideas? Thanks!

Answer 1

You can use the property

android:buttonTint="what you want" to set your checkbox border color.

Answer 2

It's too late to answer but I would like to share what worked for me. Paste below code. It would change the CheckBox border color and textColor

styles.xml

<style name="MyCheckBox" parent="Theme.AppCompat.NoActionBar">     <item name="colorControlNormal">#000</item>   <!-- normal border color change as you wish -->     <item name="colorControlActivated">#000</item> <!-- activated color change as you wish -->     <item name="android:textColor">#FFFF3F3C</item> <!-- checkbox text color --> </style> 

now in your main_activity.xml place below CheckBox code

<CheckBox android:id="@+id/check_agree"           android:layout_width="wrap_content"           android:layout_height="wrap_content"           android:layout_margin="10dp"           android:text="I agree"           android:theme="@style/MyCheckBox"/>   <!-- here apply your checkbox style --> 

if above style not working then replace parent theme parent="Theme.AppCompat.NoActionBar" with parent="Theme.AppCompat.Light". Hope it would work.