方框阴影在Microsoft边缘浏览器上不起作用。我已经在这一节中实现了以下内容：（我不是一个白痴，我在上面）
<meta http-equiv="X-UA-Compatible" content="IE=edge">
这是index.html文件的主体：
<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>
悬停CSS框阴影代码：
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;
}
最佳答案
你可以看看这个：
Box Shadow For Edge
你需要一个额外的元素，但它可以与过滤器。
对于IE8及以上版本（Egde版本），您可以检查：box-shadow property