html - Cursor property on select element (conflit with two <select> elements - IE11 and Edge only) -
i have problem how browser (ms edge) uses css "cursor" property have set on 2 select elements on page. (see example below).
the first select element have "cursor" property set "pointer". second select element have "cursor" set "not-allowed". second select element positioning under first select.
when user tries select option in first select, each option of first select located on top of second select uses "not-allowed" cursor instead of "pointer" value.
the problem exist in edge , ie11; in chrome or firefox rendering good.
<!doctype html> <html> <head> <title>demo</title> </head> <body> liste 1 <select style="cursor:pointer"> <option value="1">1</option> <option value="1">2</option> <option value="1">3</option> <option value="1">4</option> </select> <br/> liste 2 <select style="cursor:not-allowed"> <option value="1">1</option> <option value="1">2</option> <option value="1">3</option> <option value="1">4</option> </select> <br/> </body> </html>
just in case, have opened bug on microsoft edge issues page: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11422391/
Comments
Post a Comment