# Style override on disabled select element?

**URL:** <https://community.weweb.io/t/style-override-on-disabled-select-element/9915>\
**Category:** Ask us anything\
**Tags:** design\
**Created:** [July 24, 2024, 7:41pm UTC](https://community.weweb.io/t/style-override-on-disabled-select-element/9915 "2024-07-24T19:41:12Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![gduteaud](https://avatars.discourse-cdn.com/v4/letter/g/f19dbf/32.png) [@gduteaud](https://community.weweb.io/u/gduteaud)\
**Post date:** [July 24, 2024, 7:41pm UTC](https://community.weweb.io/t/style-override-on-disabled-select-element/9915/1 "2024-07-24T19:41:12Z")

</div>

Hi all,

I’ve been encountering this weird issue where toggling the “disabled” property on select elements also applies a style that overrides my own “disabled” class style. It’s super frustrating and I haven’t found how to fix it. “Read only” doesn’t cause the same issue but it’s not a viable solution here because it hides the entire content of the element (the placeholder value and chevron icon), which I don’t want to happen.

Auto-applied “override” style:

![Screenshot 2024-07-24 132909](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/3/3f0a69510a6319de7623b71d26ea9786c884d824.png)

My disabled class style:

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/c/cf2a00d2ee2c4069f861a6400fde17a39d3781c0.png)

I think this is related to [Select Element: Disabled status does not maintain the enabled element format](https://community.weweb.io/t/select-element-disabled-status-does-not-maintain-the-enabled-element-format/4943) as it sounds like a very similar issue.

Thank you,

GD