在不使用背景颜色的情况下向 HTML 表格单元格添加背景颜色?

2023-12-23

除了背景颜色样式属性之外,还有其他方法可以向表格单元格添加(背景)颜色吗?我有一些表格,其中包含以编程方式生成的文本内容和背景颜色,它们可能会自行更新。我想暂时突出显示某些单元格(想象一下移动的光标),理想情况下不会触及现有代码或干扰背景颜色样式。

也许我可以计算一些覆盖 DIV,但我更喜欢可以在单元格本身上尝试的任何内容。


你可以使用插图box-shadow覆盖你的background

td {
  background: red;
  padding: 1em;
}

td:hover, .highlight {
  box-shadow: inset 0 0 0 50px yellow;
}
td.highlight:hover  {/* ? needed ? */
  box-shadow: inset 0 0 0 50px green;
}
<table>
  <tr>
    <td>
      cell to hover
    </td>
    <td>
      cell to hover
    </td>
    <td class="highlight">
      cell to highlight
    </td>
  </tr>
</table>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在不使用背景颜色的情况下向 HTML 表格单元格添加背景颜色? 的相关文章

  • 使用反增量更改 z-index

    我尝试制作一个图像滑块 当鼠标悬停在一个点上时 它将显示图片 我也尝试使用在图像之间切换z index但什么也没动 slider counter reset index 1000 slider input name slide switch
  • 如何为 HTML 元素创建鼠标拖动滑块?

    我发现的许多滑块插件要么仅单击以查看下一个图像 要么如果它们确实具有鼠标拖动或触摸拖动功能 则仅允许图像 有谁知道为任何 html 元素编写鼠标拖动滑块的插件或可能的方法 我专门使用 SVG 但将来如果能在 div 元素之间滑动就更好了 H
  • 更改元素的顺序

    我正在创建一个浮动宽度的网站 用户在智能手机上使用从全高清分辨率到约 600 像素的屏幕 这似乎是一个不错的主意 这就带来了一个非常有趣的问题 当用户使用比最佳分辨率更小的分辨率时 页面的高度会增加很多 这意味着更改某些元素 例如某些图像
  • 引导导航栏菜单与文本重叠

    我使用最新版本的引导程序 当我调整屏幕浏览器的大小时 使用小切换按钮下拉导航栏时 导航栏会重叠页面上的文本 而不是向下推页面内容 我已经多次研究过这个问题 我尝试将 padding bottom 放在导航栏上 将 padding top 放
  • jQuery:离线后 POST 出错(iOS 和 Chrome)

    我构建了一个具有离线功能的 HTML5 Web 应用程序 使用 AppCache 程序流程为 Online 在网络上时 应用程序预加载一些基本信息 工作 Offline 用户拿着装有应用程序的平板电脑offline 然后在应用程序上执行他们
  • 来自 HTML5 的 Phonegap Bonjour/Zeroconf 或 Websocket IP 发现

    我正在尝试实现一个 Phonegap HTML5 应用程序 该应用程序连接到 Websocket 服务器 在嵌入式设备中运行 也有 Bonjour 服务 以在家庭网络内交换数据 我想知道使用 Phonegap 检测服务器 IP 的最佳方法
  • 当共享相同的行和列时,将网格项设置为不重叠

    现在 当两个网格项共享相同的行和列时 它们会相互重叠 div class some grid container div Item 1 div div Item 2 div div 我如何让它们不重叠 当共享相同的行和列时 其行为可能类似于
  • Masonry - imagesLoaded - 不是函数

    Masonry and imagesLoaded应加载并正常工作 已经制作了一个类似的网站 并且可以正常运行 我不知道我的问题出在哪里 所以我希望你能看到问题所在 应该是少了点什么 在 Chrome Inspect 中 我收到以下错误 Un
  • 获取 FileReader() 的结果对象

    有什么方法可以在不通过函数的情况下获取 FileReader 的结果对象 我在下面制作了示例代码 HTML br br br div div JS var code lorem ipsum input type file change fu
  • 自定义rc-time-picker的样式

    我在用rc time picker我的项目的包 但我在自定义样式时遇到问题pop up of my time picker成分 这是我的组件的屏幕截图 首先 我需要更改时间的背景颜色item在当时li from light grey 在屏幕
  • 如何隐藏div元素中太长的文本?

    如何隐藏 div 中的溢出 如果文本比 div 长 则文本将换行到新行 div style width 50px border 1px solid black test test test test div 也许是 CSS 属性text o
  • socket.io 的良好初学者教程? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • @media语法/可能的组合

    我见过其中一些 media print media screen handheld print projection media all media all and property value media screen and prope
  • Twitter 卡元标签问题

    有问题的网址 https www halleonard com viewpressreleasedetail action releaseid 10261 https www halleonard com viewpressreleased
  • 将图像作为框架放置在 iframe 周围?

    我有一个网站尝试以移动格式显示 但在宽屏幕上 我确信 iframe 是正确的选择 我正在尝试将 iframe 加载到 iPhone 的图像中 你可以看一个例子here http webfro gs south tour iframe tes
  • 最大宽度调整以适应文本?

    不是最好的标题 但无论如何 我有一个元素max width和一些文字 如果文本长度超过一行所能容纳的长度 我会得到以下结果 My text here hello everyone 换句话说 它占据了完整的最大宽度 但由于单词向下移动 右侧有
  • Angular - CSS - 自定义类型=文件输入,如何使用按钮而不是标签?

    我制作了一个类型为 file 的自定义输入字段 因为我不喜欢默认的输入字段 为了实现这一目标 我做了
  • 为 Angular2 中的组件加载多个样式表

    我正在构建一个 angular2 应用程序 当我尝试为同一组件加载多个样式表时 我面临多个问题 这是我正在做的代码 import Component from angular core Component selector my tag t
  • Jquery 数据表列总和

    我只是参考一下这个链接 https datatables net examples advanced init footer callback html了解如何获取 jquery 数据表中的列总计 但我已经完成了一半的项目 我在html页面
  • 在 Nexus 7 2013 上更改方向时 CSS 媒体查询不起作用

    我目前正在我的笔记本电脑 台式电脑和 Nexus 7 2013 上测试 CSS 媒体查询 除了 Nexus 7 之外 它们在台式机和笔记本电脑上都运行良好 当我更改方向时 除非刷新页面 否则样式不会应用 例如 以纵向模式握住设备时 页面正常

随机推荐

  • redirect_to 和 render 可以互换吗?

    对于下面的代码 如果将redirect to替换为render会发生什么情况 反之亦然 def create product Product new params product respond to do format if produc
  • 如何使用 Yiinitializr 在 Yii 项目中创建友好链接

    我尝试在我的 Yii 项目中使用 Yiinitializr 站点结构 结构如下 root backend standart yii folders www index php admin mysite com common common f
  • JavaScript 有没有办法检测文件是否可以拖放到所使用的设备上?

    我在网站上创建了一个表单 允许用户上传文件 用户还可以将文件拖放到此表单上 但是 在某些设备上 根本无法拖放files 例如在我的 iPhone 上 因此 我只想仅在有意义的设备上显示文本 将文件拖放到此处 有没有办法原则上检测设备是否支持
  • 将多个值传递给单个 PowerShell 脚本参数

    我有一个脚本 我将 args 中的服务器名称传递给该脚本 这样我就可以使用这个 这些 服务器做一些事情foreach script ps1 host1 host2 host3 foreach i in args Do Stuff i 我想添
  • 自定义视图未触发 OnClickListener

    我创建了一个自定义按钮 它是从 XML 布局中扩展出来的 除了未触发点击侦听器之外 一切正常 我怀疑问题是因为android clickable true 属性 因为当我删除它时 会触发点击侦听器 但我需要设置此属性 因为我的自定义视图使用
  • 如何成功安装pyproj和geopandas?

    我尝试通过运行 pip install geopandas 通过 python 安装 geopandas 但这失败了 python setup py Egg info 失败 错误代码为 1 然后是长目录路径 我在网上读到 geopandas
  • 这种网络抓取行为是否合法? [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 我有与网络抓取相关的问题 不幸的是我在这里或谷歌搜索找不到任何答案 好吧 我可能参与了一个项目 站点 B 但不确定它的合法性 因为对我来说
  • 使用 ANALYZE 从零/从头开始重建 PostgreSQL 统计信息的最快方法是什么?

    我有一个 PostgreSQL v10 数据库 大小约为 100GB 重建统计数据最有效 最快 的方法是什么 例如在主要版本升级之后 ANALYZE如果没有参数 默认情况下会更新整个数据库的统计信息 速度慢得令人痛苦 这看起来像是一个单一的
  • 数据类型 datetime 和 time 在大于或等于运算符中不兼容

    我在数据库表的列中有一个变量类型时间 我如何将java中的这个值与这个字段进行比较我的意思是我可以使用日期 公历吗 我已经尝试过了 但仍然有此消息 请有人给我建议 Date d2 new Date timestamp now Calenda
  • 初学者 Unix shell 脚本问题

    我正在做一项由两部分组成的作业 首先 我们被要求创建一个名为 fileType sh 的 shell 脚本 它能够判断文件是 Windows ASCII 类型还是 其他类型 我已经完成了该部分 并将在下面显示它应该执行的操作的示例 file
  • React Native 中的 URI 与 URL

    在react native中可以这样做 const somePath https
  • 拖放图像视图不起作用

    My RelativeLayout有图像 我只是想让它在整个布局中可拖动 问题是每次我拖放时 它都会回到原始位置 这是我的 拖拽布局 xml
  • 将彩信标记为以编程方式读取

    是否有办法更新彩信 短信数据库以将消息从已读标记为未读 反之亦然 我尝试过使用 URI 但它们对我不起作用 下面的代码可以帮助我更新彩信是否被标记为已查看 要将其用于 SMS 消息 只需将以下 content mms 替换为 content
  • Mod 重写并传递 URL 作为参数

    我在重写 mod 时遇到了一个小问题 我的一个朋友正在编写一个允许您上传图像的脚本 我们想要做的是允许用户将域名附加到直接图像链接 并且脚本将从提供的 URL 检索图像 例如 如果图像位于 http www test com image j
  • SVG 填充子元素的宽度

    我希望我的容器 SVG 元素能够缩放 以适应其子组元素或在溢出时显示滚动条 我想知道是否有一个 css 属性可以做到这一点 例如 如果标记如下所示 div class wrapper style width 500px div
  • 如何使用伪类选择除第一个和最后一个之外的所有子级?

    在 CSS 中 对于下面所示的示例 如何才能将样式应用于除第一个和最后一个段落之外的所有段落 div class entry p p p p p p p p p p div 我已尝试以下方法来排除第一段 但这不起作用 div entry p
  • OpenCV 的 iPhone 6 相机校准

    我正在使用 OpenCV 开发 iOS 增强现实应用程序 我在创建相机投影矩阵以允许 OpenGL 叠加层直接映射到标记顶部时遇到问题 我觉得这是因为我的 iPhone 6 摄像头没有根据应用程序正确校准 我知道有 OpenCV 代码可以使
  • UIScrollView 覆盖我的子视图的平移手势识别器

    如果我有一个带有子视图的滚动视图 并且子视图有一个平移手势识别器 则滚动视图的平移手势覆盖子视图的平移 我认为我想要的是相反的 所以我拖动一个子视图 它将在滚动视图中平移 但如果我触摸另一个区域 滚动视图将像平常一样平移 有没有简单的方法来
  • 在 Silverlight 拖放中获取放置索引

    This article http themechanicalbride blogspot com 2009 10 silverlight drag drop support part 2 html展示如何对放置事件实现复制操作 我想做同样
  • 在不使用背景颜色的情况下向 HTML 表格单元格添加背景颜色?

    除了背景颜色样式属性之外 还有其他方法可以向表格单元格添加 背景 颜色吗 我有一些表格 其中包含以编程方式生成的文本内容和背景颜色 它们可能会自行更新 我想暂时突出显示某些单元格 想象一下移动的光标 理想情况下不会触及现有代码或干扰背景颜色