# \[Solved\] How to change the background color of a textbox on click?

**URL:** <https://community.thunkable.com/t/solved-how-to-change-the-background-color-of-a-textbox-on-click/563996>\
**Category:** Questions about Thunkable X\
**Tags:** design, solved, beginner\
**Created:** [April 24, 2020, 7:25am UTC](https://community.thunkable.com/t/solved-how-to-change-the-background-color-of-a-textbox-on-click/563996 "2020-04-24T07:25:44Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![bowiesushio521f](https://avatars.discourse-cdn.com/v4/letter/b/35a633/32.png) [@bowiesushio521f](https://community.thunkable.com/u/bowiesushio521f)\
**Post date:** [April 24, 2020, 7:25am UTC](https://community.thunkable.com/t/solved-how-to-change-the-background-color-of-a-textbox-on-click/563996/1 "2020-04-24T07:25:44Z")

</div>

Hi. I’ve recently made a sign in page for my app using TextInput components. I need to know how to change the background color of the text box on click? It will be helpful. Thanks

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [April 24, 2020, 9:03am UTC](https://community.thunkable.com/t/solved-how-to-change-the-background-color-of-a-textbox-on-click/563996/2 "2020-04-24T09:03:18Z")

</div>

Hi there @bowiesushio521f

There’s not built-in property to handle this, and there’s no block that you can use if you were to create a custom function.

I think the idea of a TextInput changing colour when it gets/loses focus definitely sounds nice, but at the same time I don’t think the absence of this feature would put any of your users off, nor should it prevent you from completing the rest of your sign in page.

Hope that helps.

---

<div class="post-metadata">

**Author:** ![studiociel](https://avatars.discourse-cdn.com/v4/letter/s/c89c15/32.png) [@studiociel](https://community.thunkable.com/u/studiociel)\
**Post date:** [January 29, 2021, 3:00am UTC](https://community.thunkable.com/t/solved-how-to-change-the-background-color-of-a-textbox-on-click/563996/3 "2021-01-29T03:00:38Z")

</div>

Is there a way to change input text color at all? I’m creating a dark version of my app and cannot see black text on a black screen.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [January 29, 2021, 9:20am UTC](https://community.thunkable.com/t/solved-how-to-change-the-background-color-of-a-textbox-on-click/563996/4 "2021-01-29T09:20:40Z")

</div>

If using the old UI then select the Text input and select `Adnanced` from the property list. Expand the `Text Style` and you should see Color as the first option

---

<div class="post-metadata">

**Author:** ![azrael.studios](https://avatars.discourse-cdn.com/v4/letter/a/ed8c4c/32.png) [@azrael.studios](https://community.thunkable.com/u/azrael.studios)\
**Post date:** [July 27, 2021, 11:26am UTC](https://community.thunkable.com/t/solved-how-to-change-the-background-color-of-a-textbox-on-click/563996/5 "2021-07-27T11:26:08Z")

</div>

@bowiesushio521f You can create a row (that is the same size as text input) and then put the TextInput in the row. In blocks, you can change the colour of the row and it will look like you changed the colour of the text input. If that is what you need.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 11:31am UTC](https://community.thunkable.com/t/solved-how-to-change-the-background-color-of-a-textbox-on-click/563996/6 "2024-11-08T11:31:52Z")

</div>