如何在鼠标悬停时更改 html 表格行颜色

问题描述 投票:0回答:0

我在一个解决方案中有两个不同的 mvc 项目。一个是 web api 项目,另一个是使用该 api。两者都有内容文件夹和 Site.css。现在在 web api 消费项目中,我以 HTML 表格格式(如网格)显示获取的详细信息。我通过记录行的 onclick 在不同的视图上显示单个记录详细信息。现在,在我单击该行之前,我需要更改鼠标悬停在这个消费项目中的 HTML 表格行 (tr) 颜色或样式。我在 Web 使用项目 Site.css 文件的 Site.css 中写了下面的 css。

tbody tr:hover {
    cursor:pointer;
    background-color:grey;
    color:blue;
}

并在头部部分的布局视图中引用了相同内容,如下所示

<head>
          @System.Web.Optimization.Styles.Render("~/Content/css")
          <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
          @System.Web.Optimization.Scripts.Render("~/bundles/modernizr")
</head>

但是它不起作用。请提供任何帮助。

html css layout onmouseover asp.net-mvc-views
© www.soinside.com 2019 - 2024. All rights reserved.