How do I style dropdown and textbox arrows?

Get help using Construct 2

Post » Thu Sep 10, 2015 12:34 pm

I use a bunch of dropdown lists and textboxes that I styled with CSS. However, I don't know if I can also style the arrows (or simply make them invisible)

Image

Chrome (top) has the best results, the arrow from the dropdown is barely visible
Internet Explorer (middle) surprisingly has a better result than Firefox on the textbox (did I really just say that?)
Firefox (bottom) looks also good on the dropdown but displays the arrows on the textbox (set to number and disabled). Chrome only does this when hovering over an enabled textbox, and it also does not look this bad.

Thanks in advance.
B
16
S
3
Posts: 69
Reputation: 1,048

Post » Thu Sep 10, 2015 12:42 pm

Found this link although I'm not sure it will work..

https://teamtreehouse.com/community/fir ... -overrides
I told my dentist I had trouble with my teeth and asked her to fix it without looking in my mouth..
B
54
S
16
G
8
Posts: 6,160
Reputation: 19,775

Post » Thu Sep 10, 2015 12:51 pm

This might work, I´ll try it out when I get home.

Thanks!

Update: The following codes work for Chrome and Firefox but I didn´t find something that works for Internet Explorer.

To disable the arrows on the dropdown lists:
Code: Select all
Set CSS style > "-moz-appearance" to "none"
Set CSS style > "text-indent" to "0.01px"
Set CSS style > "text-overflow" to ""
Set CSS style > "-webkit-appearance" to "none"


To disable the arrows on the textboxes:
Code: Select all
Set CSS style > "-moz-appearance" to "textfield"
B
16
S
3
Posts: 69
Reputation: 1,048


Return to How do I....?

Who is online

Users browsing this forum: Yahoo [Bot] and 11 guests