# Styling for dropdown placeholder

**URL:** <https://forum.inductiveautomation.com/t/styling-for-dropdown-placeholder/110411>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [September 5, 2025, 2:31pm UTC](https://forum.inductiveautomation.com/t/styling-for-dropdown-placeholder/110411 "2025-09-05T14:31:30Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![rob.claassen](https://avatars.discourse-cdn.com/v4/letter/r/a587f6/32.png) [@rob.claassen](https://forum.inductiveautomation.com/u/rob.claassen)\
**Post date:** [September 5, 2025, 2:31pm UTC](https://forum.inductiveautomation.com/t/styling-for-dropdown-placeholder/110411/1 "2025-09-05T14:31:30Z")

</div>

Is there a way to style the placeholder text for the dropdown component? Same goes for the search text that a user enters.  
We are developing a mobile-friendly version of a view, but each component automatically zooms in on IOS when the font size is \<16px. That is why I want to have font size 16px for the placeholder text and search text when a user is interacting with the view on a mobile application. Is there a way to do this, or are there workarounds?

---

<div class="post-metadata">

**Author:** ![Ryan\_Deardorff](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_deardorff/32/63815_2.png) [@Ryan\_Deardorff](https://forum.inductiveautomation.com/u/Ryan_Deardorff)\
**Post date:** [September 5, 2025, 2:53pm UTC](https://forum.inductiveautomation.com/t/styling-for-dropdown-placeholder/110411/2 "2025-09-05T14:53:52Z")

</div>

The placeholder text appears whenever the value is null, so you could try applying alternate styles (fontSize) using an `if` expression…

```python
if({this.props.value} = null,
	'16px',
	''
)

```

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [September 5, 2025, 4:37pm UTC](https://forum.inductiveautomation.com/t/styling-for-dropdown-placeholder/110411/3 "2025-09-05T16:37:50Z")

</div>

Looks like you could target it via the advanced stylesheet:

> **[::placeholder - CSS | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/::placeholder)**
>
> The ::placeholder CSS pseudo-element represents the placeholder text in an or element.