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 65 · Accepted Answer · answered Aug 05 '15 at 19:00

65

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

20,103
7
48
67

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 12 · Answer 2 · answered Nov 03 '16 at 09:37

12

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

440
8
11

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

Ahamadullah Saikat · Answer 3 · 2023-05-03T11:19:48.243

8

From XML

<androidx.appcompat.widget.AppCompatCheckBox
    ...
    app:buttonTint="@android:color/white" />

OR From Java/Kotlin:

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

edited May 03 '23 at 11:19

answered Jan 31 '18 at 13:24

Ahamadullah Saikat

4,437
42
39

score 7 · Answer 4 · 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

233
4
7

score 1 · Answer 5 · 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" />

score 1 · Answer 6 · 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,518
9
31
50

answered Aug 18 '18 at 06:15

Kishore Reddy

2,394
1
19
15

score 1 · Answer 7 · answered Sep 29 '22 at 13:51

With MaterialCheckBox

<com.google.android.material.checkbox.MaterialCheckBox
style="@style/checkbox_inv"
android:id="@+id/checkbox"
app:useMaterialThemeColors="false"/>

and in stlyles.xml

<style name="checkbox_inv">
    <item name="checkedIconTint">@color/blue_gray</item>
</style>

score 0 · Answer 8 · 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"

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

8 Answers8

Linked