我的控制器里有一系列的颜色。我想要生成一个表，其中行的背景色将与颜色中的每个元素相同。
我已经写了CSS来生成颜色。我只想让{{color}}在数组中呈现颜色。
<table>
<tr ng-repeat="color in colors" class="{{color}}">
<td>Some dummy text</td>
</tr>
</table>
我知道，如果我们在{{color}}中使用<td>，我可以得到同样的结果。但我需要用在同一条
浏览 0提问于2016-01-01得票数 1
回答已采纳
可以使<td colspan="2">元素具有2列背景吗？我的意思是<td>有100%的宽度，50%的宽度背景是红色的，其余50%的背景是蓝色的：
我需要它的原因是因为我的html标记：
<table>
<tr>
<td>One column text</td><td>One column text</td>
</tr>
<tr>
<td>One column text</td><td>One col
浏览 0提问于2012-01-10得票数 4
回答已采纳
3回答
#messageContainer td
{
cursor: pointer;
border-bottom: 1px solid #2A2A2A;
padding-bottom: 3px;
padding-top: 3px;
background-color: #F0F0F0;
}
.messageNew
{
background-color: #FFFFFF !important;
}
HTML：
<tr replytoid="3"
浏览 0提问于2012-03-16得票数 0
回答已采纳
我在一张桌子里有三个<td>。我想独立更改<td>的颜色。onClick，弹出一个模式，你可以选择颜色。现在，当我将颜色设置为on状态时，所有的<td>都改变了它们的背景颜色。我想单独更改每个<td>的颜色。因此，一个<td>可能是红色的，另一个<td>是绿色的，其他<td>是黄色的。
state = { visible: false, color: "", text: "" };
showModal = () => {
this.setState({
浏览 1提问于2019-05-16得票数 0
我想创建一个带水印的html页面。我在身体上设置了背景图像。然而，我有一些元素不允许背景图像渗出。它们定义自己的背景颜色(但不是背景图像)，覆盖主体中的颜色。这让我很惊讶。他们没有覆盖图像，只覆盖了颜色。
在具有不同背景颜色的元素的页面上使用可见水印似乎是合理的。
如何使用标准的html/css获得我想要的效果？
下面是一些示例代码，说明了这个问题。请注意，白色块模糊了我的水印图像。
<html>
<head>
<style type="text/css">
.everything
{
background: url(/image
浏览 0提问于2009-02-26得票数 1
回答已采纳
我正在尝试在td上创建一个特定范围内的动态背景颜色。此颜色必须基于td内部的值。
例如：
<tr>
<td>40%</td>
<td>70%</td>
<td>30%</td>
</tr>
假设0%的颜色是：#ff0000,100%的颜色是：#00ff00
对于包含40%值的表格单元格，我希望背景颜色是#ff0000和#00ff00之间范围的40%。
这样，所有单元格都将具有基于它们包含的文本值的自定义背景色。
有什么线索吗？
浏览 0提问于2010-10-12得票数 4
回答已采纳
1回答
我有一个由多个tbody元素组成的表，这些元素由多个tr行组成：
<table>
<thead>[...]</thead>
<tbody>
<tr><td></td></tr>
<tr><td></td></tr>
</tbody>
<tbody>
<tr><td></td
浏览 2提问于2020-07-19得票数 0
回答已采纳
1回答
我正在集成用于pdf生成的tcpdf。我有问题的背景颜色没有出现在pdf。我对背景色表行使用了rgba颜色代码。
html代码：
<table>
<tr>
<td>ID</td>
<td>Name</td>
<td>Mark</td>
</tr>
<tr>
<td>1</td>
<td>test</td>
<td style="background-color:rgba(0, 255, 0, 1) none rep
浏览 5提问于2016-01-18得票数 0
3回答
我有一个表覆盖在顶部的图像作为它的背景图像。
我希望将单元格颜色设置为白色，以便使列看起来是分开的。
但是，我无法设置<table>背景色，因为它也会影响<td>背景色，其中我希望它保持透明。
每个<td>都有自己的边框颜色，因此我无法将其边框颜色调整为白色。
<div id="container">
<img id="mybackgroundimage" />
<table id="table">
<tr>
<td class=
浏览 4提问于2016-09-13得票数 1
回答已采纳
2回答
当register.day等于'NO REG.‘时，我使用这部分代码来更改单元格的背景颜色： <td class="text-center" [ngClass]="{'red': register.day1 == 'NO REG.'}"> {{register.day1}} </td> 当register.day1等于'(any hour) - NO REG.‘’时，有没有办法使用ngClass并更改单元格的背景颜色？或者“没有注册表-2:30”？
浏览 24提问于2019-10-04得票数 0
5回答
我有一个带有特定背景颜色的div，页面中的数据具有相同的背景色。我想在整个页面上显示相同的颜色。请找到小提琴：。只有在数据出现时才会看到红色，如果我添加额外的表，我们可以看到背景红色，我想显示整个页面的红色，而不管数据是否存在或not.Please建议。我不应该给身体标签颜色。我应该对现有的css做什么修改，以便在数据不可用的情况下将红色显示到整个页面。
样本代码：
<div class="myDiv">
<br/><br><br>
<table border="1">
<tr>
&l
浏览 5提问于2014-12-22得票数 4
回答已采纳
3回答
我正在尝试替换表格行的背景颜色，每个部分都以相同的颜色开始。我用下面的代码实现了这一点：
$(document).ready(function(){ $("tbody tr.row:nth-child(even)").css("background", "#efefef"); });
我还需要能够限制每个tbody部分中可见的行数(例如5行)。它们需要能够通过带有.click()事件的按钮进行切换。有人知道我是怎么做到这一点的吗？我想出的唯一的解决方案导致背景颜色中断。任何帮助都将不胜感激！
下面是表结构的一个示例：
<table>
浏览 3提问于2009-08-18得票数 4
回答已采纳
4回答
我的项目中有一张桌子。这个表的每个td都有初始的background-color:#fafafa。
这是我的代码：
<style>
.uTbId tr td:hover {
background-color: #0000CD;
color: green;
}
</style>
<table class="uTbId" border="1" cellspacing="0" style="width:100%;margin-top:30px" borderc
浏览 1提问于2018-01-18得票数 1
回答已采纳
我试着做一张颜色背景和身体有圆角的桌子。我已经设法使这个工作，但现在白色的角落显示在桌面下面.有人能帮帮我吗。
这是我的代码的一个例子，但是我使用的是引导，所以没有垂直边框。我只需要把身体上白色的顶角去掉。
<div class="table-background">
<table class="table">
<thead style="background-color: #e5e5e5;">
<tr style="height: 20px;">
<
浏览 0提问于2014-10-01得票数 0
回答已采纳
2回答
我的问题是，我在用rubyon rails创建的项目中添加了基金会rails，并且我想创建一个小表，但是当我创建一个白色背景时，我想要做的是使我的表透明，而没有背景颜色。
我尝试放置一个类和赋值属性，但它不工作，也直接添加样式，删除cookie以防万一，但仍然不改变颜色，只是调整大小。
文件.css
.tabla {
width:80%;
height: 80%;
background-color:transparent;
}
文件.html.erb
<table border="2" class="tabla"&g
浏览 11提问于2016-12-20得票数 0
回答已采纳
1回答
我做了一个TabControl，想使用一些控件(标签、文本框、按钮和组合框下拉菜单)。问题是，当我选择一个选项卡时，默认背景颜色与控件过去所在窗体的默认背景颜色不同。标签和控件的颜色太相似了，看起来不太好。
我看过了，但人们似乎说这是不可能的标签颜色。对此有什么好的解决方案？我是不是应该在标签里放一些框架，标签或者其他东西来使背景变暗呢？
浏览 0提问于2010-11-24得票数 2
回答已采纳
我使用twitter引导作为我的HTML的主要样式。
我有一个表，它是由一个成员应用程序生成的，表格的每个单元格都有一个背景颜色集来表示某种状态。颜色是用类选择器设置的。
这个工作非常适合屏幕，但是在打印时我只得到白色的背景色，因为引导程序定义了以下内容：
@media print {
.table td, .table th {
background-color: #fff !important;
}
}
我的html看起来如下所示：
<table class-"table table-condensed>
<tr>
<t
浏览 2提问于2016-11-25得票数 0
回答已采纳
我试图用CSS和：改变整个tbody的背景色。当背景已经设置时，我无法更改悬停背景。我就是不能。我甚至试过用！阳痿的，但没有运气。
<table border="1">
<tbody>
<tr>
<th>Testing</th>
<td>Some stuff</td>
</tr>
<tr>
<th>Testing</th>
<td>Secon
浏览 3提问于2014-01-17得票数 0
回答已采纳
你好，我们正在使用CSS3。
我们有一个TD标签，它的背景颜色设置为红色。
我们正在寻找一种方法，我们可以把一个图像，是中心的红色背景。红色背景和居中图像都必须在td标记中可见。
背景和图像必须以TD标记的内联样式指定。
浏览 3提问于2014-02-28得票数 1
回答已采纳
基本上，这个标记来自我的JSP。我在每一行都添加了类，我希望每一行都有闪烁的效果。
<table>
<tbody>
<tr class="blinkYellow">
<td>Col 1</td>
<td>Col 2</td>
<td>Col 3</td>
</tr>
<tr>
<td>Col 1</td>
<td>Col 2</td>
<td&g
浏览 5提问于2010-08-12得票数 0
回答已采纳
我有一个asp页面，我正在尝试根据单元格中的动态值来设置单元格的背景色。我已经创建了可以编辑这些值的页面。这是我们团队的一次简单的IN/OUT签入。例如，如果该值设置为"IN"，则背景颜色为绿色。如果该值为"OUT"，则设置的背景颜色为红色。如果该值为"WAH"，则将其设置为橙色。我们有7个技术人员会自己更新这个。我已经搜索了一些例子，但没有找到任何接近的例子。除了在ASP页面上做简单的基于web的报告之外，我几乎不知道其他的事情。任何帮助和指导都是非常感谢的。
这是我的表代码。非常简单。
<table width="500
浏览 0提问于2012-02-15得票数 0
我使用<tbody>作为CSS选择器来设置表中的background-color。之所以这样做，是因为表中有多个<tbody>部分，它们有不同的背景色。
我的问题是，当在单元格上使用border-radius时，单元格不尊重tbody的background-color。也就是说，边框半径在默认背景颜色(在本例中为白色)中，而不是tbody颜色(在本例中为绿色)下切割角。
更新:这个问题发生在Chrome/Safari中，但在Firefox中却不是这样(我只是在所有3台浏览器上测试了自己)。仍在寻找解决办法的Chrome (找到！见接受的答复)。
tr:first-c
浏览 4提问于2016-01-15得票数 8
回答已采纳
2回答
我有一些HTML格式的报告，并希望在我的web应用程序中打印它们。我的问题是我不能强制打印操作将css属性应用到着色页眉和页脚。
<td style="background-color:gray">Total</td>
我希望在打印的纸张中看到灰色的背景颜色行，但所有内容都是白色的，就像单元格的背景颜色一样。
我该怎么做呢？
浏览 0提问于2012-01-04得票数 1
回答已采纳
嗨，我正在试着给我桌子上的tds涂上颜色，但是我想把td中的背景文字具体地涂上颜色，而不是整块。这有可能吗？我目前可以正确定位图像，但文本有点棘手。
<td style="background-color: grey;"><img class="picture" src="#"></img></td>
<td class="birthday">Birthday: 1/1/1921 </td>
<td class="name">Nam
浏览 6提问于2015-10-26得票数 0
回答已采纳
这将将背景颜色属性绑定到<td>元素。
<td :style="{backgroundColor: (props.item.release_date ? 'green' : 'transparent' ) }">
Some text
</td>
但是，如果我想绑定不仅背景颜色，同时，我想绑定前景颜色(正常颜色属性)。
如何将多个样式属性绑定到元素？
浏览 1提问于2018-12-05得票数 5
回答已采纳
我有一个简单的桌子，在这里，我可以切换背景颜色时，点击。
下面的代码在单击时来回切换背景色。我还需要字体的颜色，以同样的方式切换时，点击(除了背景颜色切换)。默认字体颜色为白色，单击时为黑色，在第二次单击时，它将再次为白色。代码如下：
window.onload = function() {
var all = document.getElementsByTagName("td");
for (var i = 0; i < all.length; i++) {
all[i].onclick = inputClickHandler;
}
};
f
浏览 0提问于2018-10-02得票数 0
回答已采纳
2回答
我试图将背景绑定到这样的表格单元格上：
data-bind="style: { background: Css }
Css变量可以等于#F7C7D4这样的颜色。
此部分工作，单元格中填充了颜色，但当我尝试打印页面时，没有任何颜色显示。当我在没有绑定的情况下尝试这个时，如下所示：
<td style="background #F7C7D4 !important;"></td>
该颜色显示在页面上和打印时。但当我将代码更改为：
data-bind="style: { background: Css + ' !important'
浏览 0提问于2015-10-19得票数 2
回答已采纳
7回答
如何使用CSS (如果需要，使用CSS3)使foo不可见，同时保持bar和fizz可见？
<table>
<tr>
<td>
<textarea>bar</textarea>
<input type='button' title='fizz' />
foo
</td>
</tr>
</tbody>
让背景与背景颜色相同是可以接受的，但诀窍是-背景是一个图像，因此- foo必须是透明的而不是纯色的。
浏览 1提问于2010-07-24得票数 4
回答已采纳
1回答
我正在执行下面的代码(来自Brad Green & Shyam Seshadri-O‘’Reilly的"AngularJS“)。下面的代码将表中选定行的背景色设置为"Red"，并从先前选定的行中删除背景色。例如，如果我单击第1行，其背景将设置为“红色”，然后如果我单击第2行，其背景将设置为“红色”，并且第1行的背景颜色将变为正常(即。它现在不是红色的)。
我不清楚这样一个事实，即使我没有编写代码来重新设置其他行的背景颜色，它是如何重新设置的？
<!-- View/Html -->
.selected {
backgro
浏览 2提问于2015-08-01得票数 2
当我单击tr时，我希望更改表中某行的背景颜色。
这是表中的代码：
<div class="table-responsive">
<table class="table table-hover">
<thead>
<tr>
<th><small class="text-muted">#</small></th>
浏览 0提问于2021-02-16得票数 0
2回答
我有一个带有表单标签的网页。在表单标签之外(在正文中)，我想在表单标签的左侧设置一个背景图像(该背景图像的目标是从正文的背景颜色(黑色)渐变到表单颜色(灰色))
我的问题是，当浏览器“放大”的时候(显然是放大到表单)，我希望图像会逐渐从屏幕上消失，但事实是图像仍然显示，但随着我的放大它变得更暗了。在结束时，屏幕的左边缘变为黑色。我看起来像是图像不接受离开屏幕。
在放大之前：
放大后：
使用的图像：
我的代码：
table cellspacing="0" cellpadding="0" class="myTable">
浏览 0提问于2011-04-28得票数 0
回答已采纳
在表格的父目录中应用背景颜色时，outlook 2013邮件中不应用颜色
<div style="background-color:red">
<table>
<tr>
<td>
Background color not applying
</td>
</tr>
</table>
</div>
在表格中应用背景颜色时，将在outlook 2013邮件中应用颜色
<div>
<
浏览 37提问于2018-06-18得票数 0
在普通的HTML5和CSS中，我想在斑马条纹表格中设置一些按钮的样式。按钮的背景颜色应与每个单元格的背景颜色相同。我原以为按钮的背景颜色是从父<td>继承的，但显然不是。 这是我当前的结果，你可以看到第二行的按钮应该是白色的背景，而不是灰色的： ? 生成此代码的代码为： <html>
<head>
<style type="text/css">
table {
width: 50%;
border-collap
浏览 37提问于2021-11-05得票数 0
回答已采纳
1回答
我有一张桌子，风格很不错。在悬停时，Td和th元素会更改其背景颜色。但是，如果该行中有禁用的元素，它显示的颜色仍然比其中包含禁用元素的内容所显示的颜色要浅。如果里面有被禁用的元素，有谁知道改变悬停背景的方法吗？我可以使用jQuery。
浏览 1提问于2011-02-02得票数 0
回答已采纳
我在我的html MailChimp模板中有可重复的部分，但无法解决如何让客户选择在白色或绿色之间更改背景颜色。
到目前为止，我已经尝试过了
/*
@tab background-test
@section background-Colour
*/
.background-test {
/*@editable*/background-color:#000000 !important;
}
而这个在身体里
<table width="650" border="1" cellspacing="0" cellpa
浏览 0提问于2018-09-13得票数 0
2回答
表行跨度透明图像
、、、
我的桌子有点问题。我想要一个透明的背景图像在右上角的时事通讯。代码如下：
<table>
<tr>
<td>
<img src="header.png" alt="header" class="headerImg" />
</td>
<td rowspan="3">
<img src="circle.png" alt="head
浏览 1提问于2013-01-08得票数 2
4回答
我是Jquery的新手，所以如果这是一个愚蠢的问题，那么就说明一下。
我已经看过许多方法来更改表格颜色的背景，但是当单击或悬停某一行时，我希望在加载页面时将我的表的背景颜色设置为white。
我看到的代码如下所示
$(function() {
$('tr').hover(function() {
$(this).css('background-color', '#FFFF99');
$(this).contents('td').css({'border
浏览 2提问于2012-03-28得票数 0
回答已采纳
3回答
我想通过更改背景颜色和文本颜色来突出显示表格中的行。更改背景颜色可以，但不能更改文本颜色。我的代码中有什么问题，文本颜色没有改变onClick？
script.js
var preEl ;
var BColor;
var TColor;
function highlight(el){ // funkcia pre zvyraznenie riadkov
if(typeof(preEl)!='undefined') {
preEl.text=TColor;
preEl.bgColor=BColor;
}
TColor =
浏览 0提问于2013-04-28得票数 1
只有当背景颜色与需要替换的颜色匹配时，我才需要替换td中的背景颜色属性
<td style="background-color:#AEE0EC;">24</td>
<td style="background-color:#cE00Ef;">25</td>
<td style="background-color:#EEAABB;">26</td>
<td style="background-color:#CCCCC;">27</td>
&
浏览 0提问于2017-01-05得票数 1
回答已采纳
1回答
背景颜色上的数据过滤列
、、、、
我在jQuery 中有一个表格，非常标准的东西，但是我根据标准使用rowcallback来更改某些单元格的背景色。这发生在3列6,7和8。rowcallback工作完善和阴影的细胞，我想。
然而，在某些日子里，我可以有很多数据在我的表中，所以我想通过一个按钮过滤/搜索，只显示行，其中科尔6,7和8有一个背景颜色的石灰。
我尝试使用标准搜索，并包括术语"lime“或css
table.columns(8).search("style=background-color: lime").draw();
rowCallback: function (row, data, ind
浏览 0提问于2019-08-18得票数 1
回答已采纳
1回答
使用触控设备(移动设备、触摸板等)当滚动离开正文时，我需要设置页面的背景颜色：
我尝试设置HTML的背景色：
html {
background-color:#00BD9C;
}
就像在电影里看到的一样。然而，我需要一个白色的背景颜色的页面底部。在滚动关闭的情况下，html的背景图像不起作用。我想过使用渐变。有没有更好的方法？
浏览 1提问于2017-05-30得票数 5
在过去的几个小时里，我一直在尝试让TabBar的UITabBarController变得完全透明(背景清晰)。我使用了UITabBarController的一个自定义子类，并设法更改了tintColor和alpha，但背景颜色绝对保持了IB中定义的颜色。谢谢你的帮助，我快疯了..。
浏览 0提问于2013-08-24得票数 2
回答已采纳
1回答
我有一个简单的html表布局如下：
<table class="grid">
<thead>
<tr><th>1st Col</th><th>2nd Col</th><th>3rd Col</th><th>4th Col</th></tr>
</thead>
<tbody>
<tr><td>AAAA</td><td>BBBB</td><td>
浏览 0提问于2015-12-25得票数 0
回答已采纳
我有一个iPhone应用程序，其中我有一个视图，并遵循层次结构。
View
ImageView
ScrollView
OtherItems
我已经将ImageView背景设置为图像，并将ScrollView颜色设置为clearColor，但在模拟器和iphone中背景仍然是白色的。为什么会这样呢？虽然我能在IB里看到背景。
浏览 0提问于2011-09-07得票数 0
回答已采纳
4回答
我有一张带有背景灰色的圆领的桌子.
我有底色橙色的tr。
<table >
<colgroup>
<col class="col" />
<col />
</colgroup>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr class="tr">
<
浏览 6提问于2014-07-03得票数 2
回答已采纳
我有一个标签的子标签，并将父标签的背景色设为蓝色。它改变了区块的背景颜色，但我希望它的颜色为整个网页的宽度。甚至不显示这样的标签的背景图像。下面是我的代码：
<html>
<head>
<title>Login</title>
<style>
#login
{
background-color:blue;
color:white;
overflow:hidden;
}
#registration
{
background
浏览 1提问于2015-06-18得票数 0
1回答
打印预览时的多个背景色
、、、
我正在尝试打印一个引导模式，其中包含动态生成的表。该表包含代表“评级”的“td”，“td”的背景颜色根据评级而变化，如下所示。
3-绿色，2-黄色，1-红色。
背景颜色在引导模式下正确显示。当用户单击模式上的“打印”按钮时，打印预览中将显示没有颜色的模式。
即使在尝试了浏览器打印设置之后，这种情况仍在发生。
在打印预览模式下显示颜色的更好方法是什么？
下面是我的CSS代码：
@media print{
#modal-Printbtn,#modal-Closebtn{
display:none;
}
#stp-modalViewHeaderContent
浏览 1提问于2016-10-18得票数 1
我使用的是CKEditor 4.1，我正在尝试让黄色的背景色显示在粘贴的内容上。表格来自word (所以这意味着它是RTF格式的)。除了背景颜色之外，所有的东西似乎都是粘贴的。奇怪的是，它粘贴的外观与我在“从word粘贴”框中要粘贴的外观一模一样，但如果您查看内容框，它不会显示背景颜色。
下面的屏幕截图显示了“从Word粘贴”对话框以及我希望内容的外观。对话框后面的编辑器显示了内容最终是如何粘贴的。我已经尝试了所有方法，包括禁用ACF (高级内容过滤器)。
以下是我对允许的内容配置的当前设置。再一次，我禁用了它，它也不能工作。
当我检查"Paste from word“对话框
浏览 1提问于2015-01-08得票数 3
1回答
我有一个表，其中的行的背景颜色在白色和黄色之间交替。单元格包含在某些情况下可以禁用的输入字段。我使用下面的样式来禁用该字段。
input.disabled {
cursor: default;
opacity: 0.4;
filter: alpha(opacity=40);
pointer-events: none;
}
我观察到，如果输入字段被禁用，行的背景颜色也会变成输入字段的背景颜色。如果该字段未被禁用，则背景颜色不会填充输入字段。如何在禁用时防止tr的背景色被输入字段继承。简而言之，我希望它看起来与启用该字段时相同，只是有一点灰显。
下面是涵盖这些场景的HTML
浏览 0提问于2016-03-02得票数 1
如果我使用CSS悬停在同一行上的最后一个元素，如何更改表行的背景颜色？
注意:当悬停另一个“td”时，表行背景颜色不应改变；悬停效果应仅由单个“td”应用。
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
浏览 3提问于2018-09-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
