# Custom color placeholder input

**URL:** <https://forum.bubble.io/t/custom-color-placeholder-input/45105>\
**Category:** Idea\
**Created:** [December 20, 2018, 8:01pm UTC](https://forum.bubble.io/t/custom-color-placeholder-input/45105 "2018-12-20T20:01:22Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![jaos.pcl](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jaos.pcl/32/25119_2.png) [@jaos.pcl](https://forum.bubble.io/u/jaos.pcl)\
**Post date:** [December 20, 2018, 8:01pm UTC](https://forum.bubble.io/t/custom-color-placeholder-input/45105/1 "2018-12-20T20:01:22Z")

</div>

Why can’t we have custom colors to the input placeholder? Why are we limited to the six preselected colors?

---

<div class="post-metadata">

**Author:** ![mebeingken](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mebeingken/32/20139_2.png) [@mebeingken](https://forum.bubble.io/u/mebeingken)\
**Post date:** [December 20, 2018, 8:25pm UTC](https://forum.bubble.io/t/custom-color-placeholder-input/45105/2 "2018-12-20T20:25:14Z")

</div>

Hi @jaos.pcl,

Maybe I’m missing what a color on a input placeholder means to you, but you can set your own 7 colors on the settings/general tab:

 ![17%20PM](https://us1.discourse-cdn.com/bubble/original/3X/e/e/eebd769b9be01fae4e1fcea1b54df2bae94a3fc8.png)

Is that what you are looking for?

  

* * *

> **Looking to improve your Bubble™ skills?**
>
> Let me turn  
> 🤔 😫 😖
> 
> into  
> 😀 🕶 👩‍🎓
> 
> Coaching and Development at [https://uniqueideas.com](https://uniqueideas.com?utm_source=bubble&utm_medium=forum&utm_content=signature-unique-ideas&utm_campaign=builders) or schedule a [free intro session](https://uniqueideas.com/coaching?utm_source=bubble&utm_medium=forum&utm_content=signature-free-intro&utm_campaign=builders) 🎁
> 
> Ken Truesdale  
> [LinkedIn](https://www.linkedin.com/in/mebeingken/)

---

<div class="post-metadata">

**Author:** ![jaos.pcl](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jaos.pcl/32/25119_2.png) [@jaos.pcl](https://forum.bubble.io/u/jaos.pcl)\
**Post date:** [December 20, 2018, 8:30pm UTC](https://forum.bubble.io/t/custom-color-placeholder-input/45105/3 "2018-12-20T20:30:55Z")

</div>

Thank you for your reply. I’m not talking about the palette, I’m talking about this:

![11](https://us1.discourse-cdn.com/bubble/original/3X/1/7/173e3947cc589e4f7480b35884802e259ec69075.png)

---

<div class="post-metadata">

**Author:** ![mebeingken](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mebeingken/32/20139_2.png) [@mebeingken](https://forum.bubble.io/u/mebeingken)\
**Post date:** [December 20, 2018, 8:32pm UTC](https://forum.bubble.io/t/custom-color-placeholder-input/45105/4 "2018-12-20T20:32:42Z")

</div>

Ahh. I haven’t had the need to try this, but this plugin might help:

> **[Input Placeholder Color Plugin for Bubble](https://bubble.io/plugin/input-placeholder-color-1532013071429x291243122669649900)**
>
> Input Placeholder Color Plugin page on Bubble. Add Input Placeholder Color in one click to your app. Bubble lets you build web apps without any code.

---

<div class="post-metadata">

**Author:** ![jaos.pcl](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jaos.pcl/32/25119_2.png) [@jaos.pcl](https://forum.bubble.io/u/jaos.pcl)\
**Post date:** [December 20, 2018, 8:49pm UTC](https://forum.bubble.io/t/custom-color-placeholder-input/45105/5 "2018-12-20T20:49:29Z")

</div>

That’s the solution! Thank you! I can use it but it’s not optimal for conditionals and can’t use it with styles. Don’t understand why this isn’t a standard feature, it’s certainly not the most advanced one.

---

<div class="post-metadata">

**Author:** ![PWC](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/pwc/32/29669_2.png) [@PWC](https://forum.bubble.io/u/PWC)\
**Post date:** [December 20, 2018, 9:25pm UTC](https://forum.bubble.io/t/custom-color-placeholder-input/45105/6 "2018-12-20T21:25:57Z")

</div>

You can use toolbox and run this on pageload, make sure you replace the “abc” with your input elements id & replace green with something of your choosing.

This way your bubble elements & conditions will take to the new color without having to replace them.

```auto
$('head').append(`<style id="envy">
input#abc::-webkit-input-placeholder {
 color: green !important; 
} 
input#abc:-moz-placeholder { 
color: green !important; 
} 
input#abc::-moz-placeholder { 
color: green !important;  
} 
input#abc:-ms-input-placeholder {  
color: green !important;
</style>`);
```

If you need it to be dynamic, you can give it an id as i have in the style tag, then use toolbox to run

```auto
$('#envy').remove();
```

Then repeat the first step.

---

<div class="post-metadata">

**Author:** ![jaos.pcl](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jaos.pcl/32/25119_2.png) [@jaos.pcl](https://forum.bubble.io/u/jaos.pcl)\
**Post date:** [December 20, 2018, 9:46pm UTC](https://forum.bubble.io/t/custom-color-placeholder-input/45105/7 "2018-12-20T21:46:24Z")

</div>

Thank you! Will try that!

---

<div class="post-metadata">

**Author:** ![mmm](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mmm/32/127642_2.png) [@mmm](https://forum.bubble.io/u/mmm)\
**Post date:** [December 14, 2021, 1:47pm UTC](https://forum.bubble.io/t/custom-color-placeholder-input/45105/8 "2021-12-14T13:47:35Z")

</div>

Hi, I just want to bring this idea up again. I also would appreciate setting custom Placeholder colors. This feels like a no-brainer because otherwise users need to find cumbersome workarounds like described above. Please make placeholder customizable like all other colors.

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/8/b/8b31138722f9893b043b6dd13be49ca3174130e7.png)

---

<div class="post-metadata">

**Author:** ![MattDot](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mattdot/32/81979_2.png) [@MattDot](https://forum.bubble.io/u/MattDot)\
**Post date:** [January 25, 2022, 2:52pm UTC](https://forum.bubble.io/t/custom-color-placeholder-input/45105/9 "2022-01-25T14:52:21Z")

</div>

i’m not sure why this is not a standard feature

---

<div class="post-metadata">

**Author:** ![design.agx](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/design.agx/32/198112_2.png) [@design.agx](https://forum.bubble.io/u/design.agx)\
**Post date:** [January 25, 2022, 9:09pm UTC](https://forum.bubble.io/t/custom-color-placeholder-input/45105/10 "2022-01-25T21:09:39Z")

</div>

Agree with this! Hopefully they can change it!