Black Border Issue On Dropdowns in IE And Edge

Question

My select / dropdown elememt gets a black border when it is active. This happens only in IE and Edge.

Here's my code:-

<select >
    <option value="Organization Size">Organization Size</option>
    <option value="< 100">  100</option>
    <option value="100 - 500"> 100 - 500</option>
    <option value="501 - 1000"> 501 - 1000</option>
    <option value="> 1000">  1000</option>
</select>

I am unable to find any solutions for this.

NOTE: I have to use the select element only I cannot replace it with any other kind of dropdown.

Thank You.

Just FYI, you should use HTML entities in the value of your select instead of `<` and `>`. `<` and `>` respectively. — Rory McCrossan, Nov 28 '17 at 11:12
@pedram I tried it, it does not work. Seems like a browser-specific rendering issue to me, which is hard to workaround — Matthias Seifert, Nov 28 '17 at 11:12
@pedram no I am not using any library I am only using jquery — Vinit Patil, Nov 28 '17 at 12:14

score 0 · Answer 1 · answered Nov 28 '17 at 12:23

0

Are you able to post a working example? This sounds like a styling issue, but I don't see any CSS/styling at all

answered Nov 28 '17 at 12:23

Jeremy Stone

350
4
12
29

just copy and paste this code and run it in ie. you'll see issue – Rohit Gautam Nov 28 '17 at 12:55
I haven't added any styling yet, you may directly run the above code in IE and edge – Vinit Patil Nov 28 '17 at 13:02

Black Border Issue On Dropdowns in IE And Edge

1 Answers1