箱体阴影在micosoft边缘不起作用

箱体阴影在Microsoft Edge浏览器上不起作用。我已经实现后续的部分：（我不是白痴我在顶部）箱体阴影在micosoft边缘不起作用

<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; 
}

来源

2016-10-05 Darcey Mckelvey

如果你没有''在你的代码，请填入 –

为什么???它在一开始就是标准做法。 –

@Justinas，编辑过的评论..其实我的意思是补充一下 –

你可以看看这个： Box Shadow For Edge

你需要一个额外的元素，但它做的，能够与过滤。

为IE 8.0及以上（EGDE版），您可以检查此：<！DOCTYPE HTML>box-shadow property

来源

2016-10-05 08:08:52 HEGDE

要么改变CSS来：

header li > a > 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; 
}

或

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; 
}

你已经把一个>的li和span但是span从未代码结构中的li后直接出现之间。相反，您需要在我的第一个示例中指定a标记，或者删除>以删除第二个示例中的特异性。

来源

2016-10-05 08:02:29 alsobubbly

谢谢你，但不幸的是这并不能帮助我的情况，事实上我的css从Microsoft Edge左侧和右侧被屠杀。我改变了它，它是一样的。仍然没有箱子的影子。 –

箱体阴影在micosoft边缘不起作用

回答

相关问题