SOLVED

Black border around text-box and drop-down menu

%3CLINGO-SUB%20id%3D%22lingo-sub-661258%22%20slang%3D%22en-US%22%3EBlack%20border%20around%20text-box%20and%20drop-down%20menu%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-661258%22%20slang%3D%22en-US%22%3E%3CP%3ESince%20a%20few%20version%20on%20the%20CANARY%20the%20border%20around%20text-box%20and%20drop-down%20is%20black%20and%20I'm%20not%20sure%20how%20to%20fix%20that.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20don't%20have%20this%20issue%20on%20the%20DEV%20version%20and%20I%20even%20reset%20all%20the%20setting%20on%20CANARY%20version%20and%20still%20having%20this%20issue.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-666011%22%20slang%3D%22en-US%22%3ERe%3A%20Black%20border%20around%20text-box%20and%20drop-down%20menu%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-666011%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F352714%22%20target%3D%22_blank%22%3E%40dany20mh%3C%2FA%3E%2C%20that%20is%20definitely%20not%20right.%26nbsp%3B%20I%20cannot%20reproduce%20this%20on%20either%20the%20Canary%20channel%20or%20the%20Developer%20channel.%26nbsp%3B%20What%20websites%20are%20you%20seeing%20this%20on%3F%26nbsp%3B%20Have%20you%20tried%20restarting%20the%20browser%20to%20see%20if%20it%20is%20something%20temporary%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-667186%22%20slang%3D%22en-US%22%3ERe%3A%20Black%20border%20around%20text-box%20and%20drop-down%20menu%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-667186%22%20slang%3D%22en-US%22%3EJudging%20from%20these%20screenshots%2C%20%22Web%20Platform%20Fluent%20Controls%22%20flag%20is%20enabled.%20I%20guess%20that's%20the%20how%20the%20new%20control%20might%20look%20like%2C%20but%20it's%20still%20work-in-progress%2C%20we'll%20see.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-674207%22%20slang%3D%22en-US%22%3ERe%3A%20Black%20border%20around%20text-box%20and%20drop-down%20menu%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-674207%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F179472%22%20target%3D%22_blank%22%3E%40Joel%20Yang%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EYou%20are%20right%2C%20this%20was%20the%20Flag%20and%20if%20I%20disabled%20it%20(which%20it%20was%20set%20to%20default)%20it%20gets%20back%20to%20normal%20with%20that%20black%20border.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1148403%22%20slang%3D%22en-US%22%3ERe%3A%20Black%20border%20around%20text-box%20and%20drop-down%20menu%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1148403%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F179472%22%20target%3D%22_blank%22%3E%40Joel%20Yang%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3ESo%20I%20have%20this%20issue%20again%20and%20no%20matter%20I%20keep%20that%20flag%20as%20disabled%20or%20enabled%2C%20it%20doesn't%20make%20any%20difference%20and%20I%20still%20have%20a%20black%20border.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIs%20there%20something%20else%20that%20you%20can%20think%20might%20help%20me%20out%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1149248%22%20slang%3D%22en-US%22%3ERe%3A%20Black%20border%20around%20text-box%20and%20drop-down%20menu%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1149248%22%20slang%3D%22en-US%22%3EIt's%20the%20new%20default%20look%20of%20form%20controls%2C%20and%20will%20soon%20be%20adopted%20by%20Chrome.%20Guess%20they%20killed%20the%20switch%20to%20use%20the%20previous%20one.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1149906%22%20slang%3D%22en-US%22%3ERe%3A%20Black%20border%20around%20text-box%20and%20drop-down%20menu%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1149906%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F179472%22%20target%3D%22_blank%22%3E%40Joel%20Yang%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20interesting%20fact%20is%20I%20use%20the%20same%20version%20of%20Canary%20in%203%20different%20machines%20and%20I%20have%203%20different%20results.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E1.%20Windows%20Insider%20Build%20%3A%20Black%20border%20is%20in%20most%20places%20and%20it's%20so%20annoying.%3C%2FP%3E%3CP%3E2.%20Windows%201909%20%3A%20Just%20some%20places%20and%20it's%20not%20annoying%20as%20it%20should%20be%3C%2FP%3E%3CP%3E3.%20Windows%20Server%202016%20%3A%20There%20is%20no%20black%20border%20at%20all%20!!!%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20wish%20there%20was%20a%20way%20I%20could%20fix%20this%20again%20%3A%7C%3C%2Fimg%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Occasional Contributor

Since a few version on the CANARY the border around text-box and drop-down is black and I'm not sure how to fix that.

 

I don't have this issue on the DEV version and I even reset all the setting on CANARY version and still having this issue.

 

 

6 Replies
Highlighted

@dany20mh, that is definitely not right.  I cannot reproduce this on either the Canary channel or the Developer channel.  What websites are you seeing this on?  Have you tried restarting the browser to see if it is something temporary?

Highlighted
Best Response confirmed by dany20mh (Occasional Contributor)
Solution
Judging from these screenshots, "Web Platform Fluent Controls" flag is enabled. I guess that's the how the new control might look like, but it's still work-in-progress, we'll see.
Highlighted

@flamott 

 

You are right, this was the Flag and if I disabled it (which it was set to default) it gets back to normal with that black border.

Highlighted

@flamott 

So I have this issue again and no matter I keep that flag as disabled or enabled, it doesn't make any difference and I still have a black border.

 

Is there something else that you can think might help me out?

Highlighted
It's the new default look of form controls, and will soon be adopted by Chrome. Guess they killed the switch to use the previous one.
Highlighted

@flamott 

The interesting fact is I use the same version of Canary in 3 different machines and I have 3 different results.

 

1. Windows Insider Build : Black border is in most places and it's so annoying.

2. Windows 1909 : Just some places and it's not annoying as it should be

3. Windows Server 2016 : There is no black border at all !!!

 

I wish there was a way I could fix this again :|