Html 单击div时,IE10中出现不需要的边框和div移动位置
我试图在网上搜索答案,但什么也找不到Html 单击div时,IE10中出现不需要的边框和div移动位置,html,css,twitter-bootstrap,internet-explorer-10,Html,Css,Twitter Bootstrap,Internet Explorer 10,我试图在网上搜索答案,但什么也找不到 当我在IE10中单击一个div时,会出现一个红色的细边框。这样做的目的是在单击div时不会发生任何事情。我在几个div上尝试了“border:none”和“outline:none”来测试它,但这个解决方案不起作用 此外,当单击某些div时,它会将所有相邻div移到右侧 有什么想法可以导致这种情况以及如何解决 更多信息: 这些问题在Mozilla和Firefox中都没有发生 将Bootstrap.css用于输入字段样式,但不用于单个div 样式 我可以包含
- 这些问题在Mozilla和Firefox中都没有发生
- 将Bootstrap.css用于输入字段样式,但不用于单个div 样式李>
- 我可以包含我的代码,但问题发生在 我档案里几乎所有其他的div
谢谢我们需要查看一些代码。IE10不会自动在东西上加上红色边框,所以你的CSS或JS必须包含导致这种情况发生的东西。嗨,雅各布。我已经用我们的代码更新了帖子。再次感谢,谢谢。这很有帮助,但是我没有看到你的CSS提到任何红色边框,所以它可能在你的bootstrap.CSS文件中,或者在那些checkmate JS文件中。我建议您查找负责这些边界的文件。
<div id="setup-container">
<div class="ppp-intro font-size-130">
<h1 class="center" style="margin-bottom: 30px;">TEXT</h1>
<h4 style="margin-bottom: 40px;">TEXT</h4>
</div>
<form action="/setup" method="post" class="form">
<div id="signup">
<?php foreach ( $results['setup'] as $setup ) { ?>
<div class="setup-wrapper">
<div class="settings-label"><input type="checkbox" name="setup[]" id="<?php echo strtolower( $setup->name ) ?>" class="setup" value="<?php echo $setup->id ?>" style="visibility: hidden" /></div>
<label for="<?php echo strtolower( $setup->name ) ?>" class="<?php echo strtolower( $setup->name ) ?>"><?php echo $setup->name ?></label>
<div class="setup-label"><?php echo $setup->name ?></div>
</div>
<?php } ?>
</div>
<div class="messageContainer"></div>
<div class="buttons"><input type="submit" name="setupSelect" value="Select" /></div>
</form>
<script type="text/javascript" src="/js/checkmate.js"></script>
<script type="text/javascript" src="/js/checkmateCall.js"></script>
</div>
.setup-wrapper {
float: left;
width: 154px;
margin: 0 18px 22px 18px;
border: none;
outline: none;}
.setup-label {
text-align: center;
font-size: 110%;
font-weight: bold;
margin: 0 0 0 14px;}
.settings-label {
width: 20%;
float: left;}
#signup {overflow: hidden}
#signup label {float: left;}
#setup-container {
overflow: auto;
width: 980px;
margin-left: auto;
margin-right: auto;
padding: 10px;}