0

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

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

  2. 此外，当单击某些 div 时，它会将所有相邻的 div 向右移动。

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

更多信息：

  • 这些问题都不会在 Mozilla 或 Firefox 中发生。
  • 将 Bootstrap.css 用于输入字段样式，但不用于单个 div 样式。
  • 我可以包含我的代码，但问题出现在我的文件中几乎所有其他 div 上

更新：

  1. 我开始注意到当 div 包含标签标签和输入类型时出现红色边框的模式（仍在测试所有事件的过程中）。
  2. 下面是 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;}

谢谢

4

0 回答 0