How to change the check box (tick box) color to white in android XML

Question

Is there any way to change the check box (tick box) color to white in android XML. (I need white color tick box which contain black tick, as the preview I got in android studio inside my real device)

Here is my code for check box

<CheckBox
    android:textSize="15sp"
    android:textColor="#fff"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Save Loging "
    android:id="@+id/checkBox"
    android:layout_below="@id/PasswordeditText"
    android:checked="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:buttonTint="#fff" />

When I add android:buttonTint="#fff" preview show the change I need, but it doesn't work in real device

Design preview

Real Device

Is there any attribute like android:buttonTint which I can use to achieve the changes in real device.

Look here, may help:http://stackoverflow.com/a/12889958/3332634 — yshahak, Aug 05 '15 at 18:14

score 64 · Accepted Answer · answered Aug 05 '15 at 19:00

64

Set the colorAccent to your desired color:

<style name="AppTheme" parent="Theme.AppCompat">
    <item name="colorAccent">#fff</item>
</style>

Or if you don't want to change your main theme, create a new theme and apply it only to the checkbox:

<style name="WhiteCheck">
    <item name="colorAccent">#fff</item>
</style>

<CheckBox
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:theme="@style/WhiteCheck"/>

answered Aug 05 '15 at 19:00

tachyonflux

19,843
7
46
66

creating alternative theme with "colorAccent" requires API level 21 and higher! – MQoder Jul 27 '16 at 18:53
@MQoder `colorAccent` is supported by the AppCompat library. `android:colorAccent` would be supported by API 21. – tachyonflux Jul 27 '16 at 19:17

score 11 · Answer 2 · answered Nov 03 '16 at 09:37

11

This is variation of tachyonflux's answer:

Try to change buttonTint:

<style name="my_checkbox_style">
    <item name="buttonTint">#fff</item>
</style>

<CheckBox
            android:id="@+id/my_checkbox"
            style="@style/my_checkbox_style"
            android:background="#000" />

answered Nov 03 '16 at 09:37

Dragan Stojanov

360
6
10

1

I have both the buttonTint and the colorAccent items in my style. Works exactly as expected. Thanks. – dazed Aug 25 '17 at 15:51

score 7 · Answer 3 · answered May 24 '17 at 09:36

7

easily we can change checkbox color by using this property in xml

<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:buttonTint="@color/COLOR_WHICH_YOU_WANT" />

answered May 24 '17 at 09:36

shweta jariya

235
4
7

Ahamadullah Saikat · Answer 4 · 2021-04-17T08:09:11.263

6

From XML

<androidx.appcompat.widget.AppCompatCheckBox
    android:id="@+id/cbCheck"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:buttonTint="@android:color/white" />

OR From Java/Kotlin:

CompoundButtonCompat.setButtonTintList(cbCheck, ColorStateList.valueOf(Color.WHITE));

edited Apr 17 '21 at 08:09

answered Jan 31 '18 at 13:24

Ahamadullah Saikat

3,980
38
32

score 1 · Answer 5 · edited Aug 18 '18 at 06:35

1

we can change checkbox color using singe line of code

android:buttonTint="@color/app_color" //whatever color

edited Aug 18 '18 at 06:35

V-rund Puro-hit

5,418
9
29
50

answered Aug 18 '18 at 06:15

Kishore Reddy

2,266
18
15

score 0 · Answer 6 · edited Aug 05 '15 at 19:34

Try this

<CheckBox
    android:textSize="15sp"
    android:textColor="#fff"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Save Loging "
    android:id="@+id/checkBox"
    android:layout_below="@id/PasswordeditText"
    android:checked="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:button="@android:drawable/checkbox_on_background" />

if CheckBox checked, else in android:button= write "@android:drawable/checkbox_off_background"

score 0 · Answer 7 · answered Jun 21 '18 at 10:08

android:buttonTint="@color/white" this line of your button color change

          <CheckBox
            android:id="@+id/checkk"
            android:layout_width="wrap_content"
            android:layout_height="@dimen/_40sdp"
            android:layout_alignParentLeft="true"
            android:background="@color/black"
            android:buttonTint="@color/white"                 
            android:textSize="@dimen/_14sdp" />

How to change the check box (tick box) color to white in android XML

7 Answers7

Linked