PDA

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



Flipfine
24 Feb 2012, 12:54 AM
Hello,

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:

32105


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!

mitchellsimoens
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.

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