Box-shadow not working on Microsoft Edge browser. I have implemented the follow in the section: (I'm not an idiot I have at the top)
<meta http-equiv="X-UA-Compatible" content="IE=edge"> This is the body of my index.html file:
<body> <div id="wrapper"> <header> <div id="header-inner"> <div id="logo"> <a href="index.html">body</a> </div> <ul> <li><a href="index.html">Home</a></li> <li><a id="sign-in" href="#">Sign in</a> <span id="sign-in-menu"> <div class="arrow-up"></div> <div class="arrow-up-top"></div> <div class="form"> <form action="login.php" method="get"> <input type="text" placeholder="Username" name="inputUser"> <input type="password" placeholder="Password" name="inputPass"> <!-- <input type="checkbox" name="checkbox" id="checkbox" class="css-checkbox"> <label for="checkboxG1" class="css-label">Remember me</label> COOOKKiiieeesss --> </form> </div> <div class="submit-area"> <input type="submit" value="Sign up"> </div> </span> </li> <li><a href="register.html">Sign up</a></li> </ul> </div> </header> </div> The hover CSS box shadow code:
header li > span input[type=submit]:hover { -webkit-box-shadow: 0 0 0 1px #383e46; -ms-box-shadow: 0 0 0 1px #383e46; box-shadow: 0 0 0 1px #383e46; }