# Highlight all the input fields

**URL:** <https://community.stackerhq.com/t/highlight-all-the-input-fields/788>\
**Category:** How do I?\
**Tags:** featured\
**Created:** [January 19, 2024, 9:45am UTC](https://community.stackerhq.com/t/highlight-all-the-input-fields/788 "2024-01-19T09:45:23Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![jacques\_Pradel](https://dub1.discourse-cdn.com/flex017/user_avatar/community.stackerhq.com/jacques_pradel/32/649_2.png) [@jacques\_Pradel](https://community.stackerhq.com/u/jacques_Pradel)\
**Post date:** [January 19, 2024, 9:45am UTC](https://community.stackerhq.com/t/highlight-all-the-input-fields/788/1 "2024-01-19T09:45:23Z")

</div>

Hello I woul like to netter highlight all the input field in EDIT mode using a CSS

I tried this one  
.stk-field input { border: 2px solid blue; border-radius: 10px; }

but not all input fields are highlighted  
if someone have a better idea , thanks a lot

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/stacker/original/1X/f6f525a84668dd04fb73babe93a906280e1e385b.png)

---

<div class="post-metadata">

**Author:** ![Brittany\_Tickner](https://dub1.discourse-cdn.com/flex017/user_avatar/community.stackerhq.com/brittany_tickner/32/460_2.png) [@Brittany\_Tickner](https://community.stackerhq.com/u/Brittany_Tickner)\
**Post date:** [January 19, 2024, 4:06pm UTC](https://community.stackerhq.com/t/highlight-all-the-input-fields/788/2 "2024-01-19T16:06:44Z")

</div>

It looks like the Select fields are specific targets, for example, mine looks like this:

```auto
.css-1kfsk7d-container
{border: 2px solid blue; border-radius: 10px; }

```

---

<div class="post-metadata">

**Author:** ![jacques\_Pradel](https://dub1.discourse-cdn.com/flex017/user_avatar/community.stackerhq.com/jacques_pradel/32/649_2.png) [@jacques\_Pradel](https://community.stackerhq.com/u/jacques_Pradel)\
**Post date:** [January 19, 2024, 5:13pm UTC](https://community.stackerhq.com/t/highlight-all-the-input-fields/788/3 "2024-01-19T17:13:25Z")

</div>

thanks Brittany i don’t catch (but I don’t know much about css 😀)

here is xhat I have  
 ![image](https://europe1.discourse-cdn.com/flex017/uploads/stacker/original/1X/0bb5e4cd69cdeb120ef4df1bde322a766600993b.png)

but some fields (as liste … and othersd ) are not highlightes in blue

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/stacker/original/1X/f3c05ecb7c2acc4c880eacb5e79fb149677e1c65.png)

---

<div class="post-metadata">

**Author:** ![Brittany\_Tickner](https://dub1.discourse-cdn.com/flex017/user_avatar/community.stackerhq.com/brittany_tickner/32/460_2.png) [@Brittany\_Tickner](https://community.stackerhq.com/u/Brittany_Tickner)\
**Post date:** [January 19, 2024, 5:17pm UTC](https://community.stackerhq.com/t/highlight-all-the-input-fields/788/4 "2024-01-19T17:17:35Z")

</div>

Using right click \> inspect you can find the classes that are specific to the other inputs:

 ![CleanShot 2024-01-19 at 09.16.51@2x](https://europe1.discourse-cdn.com/flex017/uploads/stacker/original/1X/5706a83b89c4830990fec6404e2ed26e01002a09.png)

Then target based on .css-xxxxx yours will be different than mine.

---

<div class="post-metadata">

**Author:** ![jacques\_Pradel](https://dub1.discourse-cdn.com/flex017/user_avatar/community.stackerhq.com/jacques_pradel/32/649_2.png) [@jacques\_Pradel](https://community.stackerhq.com/u/jacques_Pradel)\
**Post date:** [January 19, 2024, 6:08pm UTC](https://community.stackerhq.com/t/highlight-all-the-input-fields/788/5 "2024-01-19T18:08:14Z")

</div>

it woks thanks a lot  
seems more complicated for rich text fields 😅