Question

我正在使用此类来更改背景和文本颜色，效果很好。

    private async static Task<string> WriteInkToBase64String(Windows.UI.Input.Inking.InkStrokeContainer inkContainer)
    {
        byte[] data;
        Stream s = null;
        MemoryStream ms = new MemoryStream();
        Windows.Storage.Streams.InMemoryRandomAccessStream imras = new Windows.Storage.Streams.InMemoryRandomAccessStream();
        try
        {
            await inkContainer.SaveAsync(imras);
            s = imras.AsStream();
            s.Position = 0;
            s.CopyTo(ms);
            data = ms.ToArray();
        }
        finally {
            ms.Dispose();
            if (s != null)
                s.Dispose();
            imras.Dispose();

        }
        return Convert.ToBase64String(data);
    }

...

#cellType1 {
  width: 10%;
  height: 83px;
  vertical-align: middle;
  background-image: url("Index.html")
}
#cellType1:hover {
color: white;
background-color: #6EBA37;
transition:0.6s;
}

auto-style21可以正常工作，但是当我将文本更改为超链接时，我无法使文本更改颜色。

我知道这与样式有关，但是当单元格悬停在单元格上时，我无法弄清楚如何控制超链接的文本。甚至在将鼠标悬停在文本上时更改文本的颜色也可以。

我希望文本随着鼠标进入单元格而改变。

Answer 1

您需要直接或间接定位A，而不是将单元格悬停，才能使样式适用于链接。

如果您希望基于单元格本身的悬停更改链接，则可以使用以下内容：

更改此部分代码：

#cellType1:hover {
color: white;
background-color: #6EBA37;
transition:0.6s;
}

对此：

#cellType1:hover {
color: white;
background-color: #6EBA37;
transition:0.6s;
}

#cellType1:hover a {
color: white;
transition:0.6s;
}

Answer 2

您需要设置<a>元素的样式。您的CSS仅定位到<td>。

a {
  color: red;
}

a:hover {
  color: white;
  background-color: #6EBA37;
}

例如参见代码段。

a {
  color: red;
}

a:hover {
  color: white;
  background-color: #6EBA37;
}

#cellType1 {
  width: 10%;
  height: 83px;
  vertical-align: middle;
  background-image: url("Index.html")
}

#cellType1:hover {
  color: white;
  background-color: #6EBA37;
  transition: 0.6s;
}

<td id="cellType1" class="auto-style21" style="width: 10%">
  <a class="auto-style24" href="ContactUs.html">
    <span class="auto-style37">Contact Us </span></a>
</td>

Answer 3

如果要更改该元素的颜色，则需要将class MyClass(object):标签而不是a标签作为悬停目标。请尝试以下操作：

td

更改文本和背景色CSS / HTML

3 个答案: