how to change the color of CheckBox square?

Question

I want to change the colour of Square box of checkbox, not the colour of text, only that square image in which we tick.

NSetty · Answer 1 · 2018-09-11T05:24:59.227

9

You can color directly in the xml. Use buttonTint for the checkbox

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

The below code works on API < 21

app:buttonTint="@color/lightColoral"

edited Sep 11 '18 at 05:24

answered Jul 14 '16 at 16:12

NSetty

140
11

2

Add some explanation with answer for how this answer help OP in fixing current issue – ρяσѕρєя K Jul 14 '16 at 16:28

score 2 · Answer 2 · answered Jul 14 '16 at 13:34

You can use AppCompat Checkbox and use app:buttonTint="@color/yellow".

            <android.support.v7.widget.AppCompatCheckBox
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="CheckBox"
                app:buttonTint="@color/yellow"
                />

score 0 · Answer 3 · answered Jul 14 '16 at 12:00

0

You can provide custom theme for the checkbox

<style name="CheckBoxTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!--   theme UI controls like checkboxes and text fields -->
        <item name="colorAccent">@color/yourColor</item>
</style>

answered Jul 14 '16 at 12:00

Deepak Goyal

4,747
2
21
46

score 0 · Answer 4 · answered Jul 14 '16 at 15:06

Add this to your theme

<style name="CheckBoxTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:textColorSecondary">@color/blue</item>
    <item name="colorAccent">@color/blue</item>
    <item name="colorControlNormal">@color/blue</item>
</style>

then in xml write next :

<android.support.v7.widget.AppCompatCheckBox
    android:theme="@style/CheckBoxTheme"/>

For API 21+ should be use:

<android.support.v7.widget.AppCompatCheckBox
    android:buttonTint="@color/blue"/>

how to change the color of CheckBox square?

4 Answers4

You can use AppCompat Checkbox and use app:buttonTint="@color/yellow".