当前位置: 首页 > 面试题库 >

html:悬停表格栏

章飞章
2023-03-14
问题内容

当鼠标悬停在html表格 列上 时,如何更改背景列?

最好仅使用CSS。


问题答案:

抱歉,仅适用于单元格或行。例如

td {
  background-color: blue;
}

td:hover {
  background-color: red;
}

有可用的JavaScript解决方案,但由于选择器的局限性,CSS中目前没有任何功能可以满足您的要求。

td  /* all cells */
{ 
  background-color: blue;
}

tr /* all rows */
{
  background-color: pink;
}

/* nothing for all columns */


 类似资料:
  • 问题内容: 有时,我可以选择使用CSS元素:悬停或JavaScript onmouseover来控制页面上html元素的外观。考虑以下情况,其中div包装了输入 我希望输入将鼠标光标悬停在div上时更改背景色。CSS方法是 JavaScript方法是 每种方法的优点和缺点是什么?CSS方法是否适用于大多数Web浏览器?JavaScript比CSS慢吗? 问题答案: :hover的问题是IE6仅在链

  • 问题内容: 我看到了一个非常简单的选择框,其中的选择选项在悬停时可见(而不是单击),如以下屏幕截图所示。 替代文字 我正在尝试在下面的简单选择框中创建类似的效果。能有人帮这可怎么办呢?谢谢。 问题答案: 这是一种实现方式,尽管我更喜欢一种插件方法(而 不是对html进行硬编码ul): 编辑以包括演示中使用的css和html: html css: 这将导致菜单隐藏unselected项目,直到将ul

  • 我想给文本添加颜色。我有更多的短信。因此,我从服务器检索文本颜色,并将文本颜色添加到相应的文本中。我想为文本添加边框,需要在悬停文本时为边框指定相应的文本颜色。 在样式表中,我们可以给出如下悬停:

  • 主要内容:在线实例,实例,表格实例,实例,HTML 表格和边框属性,实例,HTML 表格表头,实例,更多实例,HTML 表格标签表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。 数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 HTML 表格生成器:https://www.xnip.cn/front-end/7688/。 HTM

  • HTML 表格实例: First Name Last Name Points Jill Smith 50 Eve Jackson 94 John Doe 80 Adam Johnson 67 表格 这个例子演示如何在 HTML 文档中创建表格。 (可以在本页底端找到更多实例。) HTML 表格 表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格

  • 我有一个垫桌的设计。找到附加的图像。悬停时,行应该看起来像附加的图像 1:台面图形图像 我做了什么 应用程序stackblitz链接: