Question

我尝试在网上搜索答案，找不到任何东西。

当我点击IE10中的div时，会出现一个细红色边框。当点击div时，意图是没有任何意义。我在几个div上尝试了“border：none”和“outline：none”来测试它并且该解决方案不起作用。
此外，当点击某些div时，它会将所有相邻的div移到右侧。

关于可能导致此问题以及如何解决问题的任何想法？

更多信息：

这些问题都没有在Mozilla或Firefox中发生。
使用Bootstrap.css作为输入字段样式，但不使用单个div 花式。
我可以包含我的代码，但问题正在发生几乎所有其他div都在我的文件中

更新：

我开始注意到一个模式（仍在测试所有出现的过程中），当div包含标签标签和输入类型时，会出现红色边框。
下面是HTML / CSS / JS代码。

HTML：

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

CSS：

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

谢谢

单击div时，IE10中出现不需要的边框和div移位

0 个答案: