关于在ie10中悬停

Question

我正在尝试开发一个网站。我在 CSS 中编写了样式。它在 Mozilla Firefox 和 Google Chrome 中运行良好，但在 Internet Explorer 10 中运行不正常。我试图将鼠标悬停在使用 bootstrap 和磁贴制作的一些梳理布局上，所以如果我将鼠标悬停在卡片上，边框颜色应该改变，卡片内的文字应该变成粗体。我可以设法使文本变粗，但是当我悬停时我看不到边框颜色的变化。

我需要知道解决方案是什么，并想出一些方法来确保样式在浏览器中是相同的。

<div class="col-sm-6 col-md-4 col-lg-4" align="center">
        <span class="tile tile-account">
            <a href="#" onclick="return doubleClick()" class="block">
                <strong class="tile-heading landingpageheader tileTextStyle">
                    Change my name</strong>

              </a>
        </span>
    </div>

CSS中的样式：

.tile {
    display: block;
    background: #fff;
    border: 2px solid;
    border-color:#ccc;
    border-radius:8px;
    cursor: pointer;
    margin-bottom: 20px;
    ;
    overflow: hidden
}

.tile>a:HOVER .landingpageheader{
    font-weight: bold;
}

.tile>a:hover{
    border: 2px solid;
    border-color: #00A1D0;
}

.tile-account {
    height: 180px;
    border-radius: 8px;    
}

.tileTextStyle{
    text-align: center;
    padding-top:12px;
    white-space: normal;
    word-wrap: noraml;
    height: 46%
}

.landingpageheader {
    font-size: 20px;
    font-style : normal;
    font-weight : 400;
    font-family : Helvetica;
    color: #00A1D0;
}

Answer 1

只需尝试完成 css

中的代码

span.tite.tile-account a:hover{ font-weight: bold; }

关于在ie10中悬停

Regarding hover in ie10

hover

mousehover