# Style Autocomplete Element

**URL:** <https://community.weweb.io/t/style-autocomplete-element/1036>\
**Category:** How do I?\
**Created:** [August 22, 2022, 3:52pm UTC](https://community.weweb.io/t/style-autocomplete-element/1036 "2022-08-22T15:52:29Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![kyanaloe](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kyanaloe/32/1076_2.png) [@kyanaloe](https://community.weweb.io/u/kyanaloe)\
**Post date:** [August 22, 2022, 3:52pm UTC](https://community.weweb.io/t/style-autocomplete-element/1036/1 "2022-08-22T15:52:29Z")

</div>

Does anyone know if:

1. I can style the dropdown menu that comes with the Autocomplete element?
2. Make the dropdown menu appear visible without needing to click the element?

---

<div class="post-metadata">

**Author:** ![Mael](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/mael/32/13246_2.png) [@Mael](https://community.weweb.io/u/Mael)\
**Post date:** [August 24, 2022, 7:52am UTC](https://community.weweb.io/t/style-autocomplete-element/1036/2 "2022-08-24T07:52:56Z")

</div>

Hi @kyanaloe,

This element is not customizable, I advise you to use the element “search with result”, you bind the result to your list. You could personalize what you want 🙂

---

<div class="post-metadata">

**Author:** ![Emilie](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/emilie/32/1415_2.png) [@Emilie](https://community.weweb.io/u/Emilie)\
**Post date:** [October 18, 2022, 12:32pm UTC](https://community.weweb.io/t/style-autocomplete-element/1036/3 "2022-10-18T12:32:25Z")

</div>

hi @Mael ,  
Do you plan to make some evolution regarding the Autocomplete element ? And do you know if we can use CSS to customize it ?  
Tks  
Emilie

---

<div class="post-metadata">

**Author:** ![Mael](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/mael/32/13246_2.png) [@Mael](https://community.weweb.io/u/Mael)\
**Post date:** [October 20, 2022, 9:11am UTC](https://community.weweb.io/t/style-autocomplete-element/1036/4 "2022-10-20T09:11:26Z")

</div>

Hi Emilie, what are you thinking about when you said evolution? Do you have any idea?

I never customize it with CSS, I don’t know sorry

---

<div class="post-metadata">

**Author:** ![Emilie](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/emilie/32/1415_2.png) [@Emilie](https://community.weweb.io/u/Emilie)\
**Post date:** [October 20, 2022, 12:23pm UTC](https://community.weweb.io/t/style-autocomplete-element/1036/5 "2022-10-20T12:23:30Z")

</div>

hello,

I was thinking of adding somes styles like :

- text color
- text background color
- background color

just for to be sure, but the color setting doesn’t work today ?

 ![Capture d’écran 2022-10-20 à 14.22.55](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/b/b210cf65881f38d1eec31c7eba0a2e1b2a9637ff.png)

Enjoy  
Emilie

---

<div class="post-metadata">

**Author:** ![Mael](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/mael/32/13246_2.png) [@Mael](https://community.weweb.io/u/Mael)\
**Post date:** [October 25, 2022, 7:48am UTC](https://community.weweb.io/t/style-autocomplete-element/1036/6 "2022-10-25T07:48:36Z")

</div>

With the autocomplete element, it will not be possible to modify this kind of parameters. You will need to create your own autocomplete

It seems we have an issue with the color setting, thanks for the report

---

<div class="post-metadata">

**Author:** ![Mael](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/mael/32/13246_2.png) [@Mael](https://community.weweb.io/u/Mael)\
**Post date:** [October 25, 2022, 9:31am UTC](https://community.weweb.io/t/style-autocomplete-element/1036/7 "2022-10-25T09:31:18Z")

</div>

The bug is corrected for the color 🙂