# Remove Apple style dropdown

**URL:** <https://forum.bubble.io/t/remove-apple-style-dropdown/255590>\
**Category:** Questions\
**Created:** [April 6, 2023, 2:21pm UTC](https://forum.bubble.io/t/remove-apple-style-dropdown/255590 "2023-04-06T14:21:03Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![dailywebdesign](https://avatars.discourse-cdn.com/v4/letter/d/9e8a1a/32.png) [@dailywebdesign](https://forum.bubble.io/u/dailywebdesign)\
**Post date:** [April 6, 2023, 2:21pm UTC](https://forum.bubble.io/t/remove-apple-style-dropdown/255590/1 "2023-04-06T14:21:03Z")

</div>

Hi,

I added a dropdown, but on a Macbook it’s showing the native Apple’s style instead of white as in the dropdown settings. How can I remove this and just keep the background white?

Thanks!  
 ![dropdown](https://us1.discourse-cdn.com/bubble/original/3X/2/d/2d0dce1d8dc813655caf5b08fc60a2efa663c2c0.png)

---

<div class="post-metadata">

**Author:** ![chris.williamson1996](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/chris.williamson1996/32/70581_2.png) [@chris.williamson1996](https://forum.bubble.io/u/chris.williamson1996)\
**Post date:** [April 6, 2023, 2:23pm UTC](https://forum.bubble.io/t/remove-apple-style-dropdown/255590/2 "2023-04-06T14:23:00Z")

</div>

CSS on the items

-webkit-appearance: none;  
-webkit-border-radius: none;

---

<div class="post-metadata">

**Author:** ![Eugene\_West](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/eugene_west/32/106508_2.png) [@Eugene\_West](https://forum.bubble.io/u/Eugene_West)\
**Post date:** [April 6, 2023, 4:27pm UTC](https://forum.bubble.io/t/remove-apple-style-dropdown/255590/3 "2023-04-06T16:27:32Z")

</div>

see my example: [Bubble-solutions | Bubble Editor](https://bubble.io/page?type=page&name=remove-dropdown-empty-row&id=bubble-solutions&tab=tabs-1)

just add this script in html element:

window.onload = function() {  
var selectElements = document.getElementsByTagName(‘select’);

for (var j = 0; j \< selectElements.length; j++) {  
var selectElement = selectElements[j];  
var selectOptions = selectElement.options;

```
for (var i = 0; i < selectOptions.length; i++) {
  var item = selectOptions[i];
  if (item.text.trim() === "") {
    selectElement.remove(i);
    i--;
  };
}

```

}  
}