Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 单击div时,IE10中出现不需要的边框和div移动位置_Html_Css_Twitter Bootstrap_Internet Explorer 10 - Fatal编程技术网

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 样式 我可以包含

我试图在网上搜索答案,但什么也找不到

  • 当我在IE10中单击一个div时,会出现一个红色的细边框。这样做的目的是在单击div时不会发生任何事情。我在几个div上尝试了“border:none”和“outline:none”来测试它,但这个解决方案不起作用

  • 此外,当单击某些div时,它会将所有相邻div移到右侧

  • 有什么想法可以导致这种情况以及如何解决

    更多信息:

    • 这些问题在Mozilla和Firefox中都没有发生
    • 将Bootstrap.css用于输入字段样式,但不用于单个div 样式
    • 我可以包含我的代码,但问题发生在 我档案里几乎所有其他的div
    更新:

  • 我开始注意到一个模式(仍在测试所有事件的过程中),当div中包含label标记和输入类型时,会出现红色边框
  • 下面是HTML/CSS/JS代码
  • HTML:


    谢谢

    我们需要查看一些代码。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;}