View Full Version : Can't Override Style of Select Menu Arrow

24 Feb 2012, 12:54 AM

I've worked hard but can't find an answer for this.
There is this crazy mask which I find referenced on line 119 of _toolbar-forms.scss:

-webkit-mask: theme_image($theme-name, "select_mask.png");

I have tried everything to remove that mask so I can get my styling back but nothing works. Here's a screen shot of what I'm seeing:


I have changed the style of the select menu to be that blue, but the mask and arrow cloak my styling.

I have tried this CSS:

.x-field-select { -webkit-mask-box-image: none !important;

And I don't find how to set the border-top-right-radius
That should work but also it does not. Please, if there's anyone who can help me find/override this I would be SO happy.

Thanks in advance!

24 Feb 2012, 11:10 AM
Is your select field in a toolbar? If so then that is the right SASS file. If it isn't then you should look in the _form.scss about like 357 for the select field stuff.

1 Mar 2012, 12:38 PM
No it isn't in a toolbar. It is a normal selectfield on a panel