精华内容
下载资源
问答
  • TR设置背景颜色不起作用

    千次阅读 2018-05-18 19:19:43
    今天修改界面的时候发现有一个table里面设置tr背景颜色没有反应,发现也没什么问题但是就是不行。打开浏览器F12发现添加的背景颜色属性已经设置进去了,但是就是没效果。 最后发现在tr里我是用th来接受的数据,...

    今天修改界面的时候发现有一个table里面设置tr的背景颜色没有反应,发现也没什么问题但是就是不行。打开浏览器F12发现添加的背景颜色属性已经设置进去了,但是就是没效果。

    最后发现在tr里我是用th来接受的数据,应该在里面用td来接收,这样就可以显示颜色,网上的回答是,tr里面没有放td是不起作用的,tr里面的内容不能正常解析因为不符合html规范。

    展开全文
  • 直接上代码 function setTrBg(){ //先获取页面表格的属性 table var table=document.getElementsByTagName("table")[0]; var trs=table.getElementsByTagName("tr... //设置背景颜色 trs[i].style.background="#.

    直接上代码

    function setTrBg(){
    	//先获取页面表格的属性 table
    	var table=document.getElementsByTagName("table")[0];
    	var trs=table.getElementsByTagName("tr");
    	for(var i=0;i<trs.length;i++){
    	//置空背景颜色
    	trs[i].style.background="";
    	//设置背景颜色
    	trs[i].style.background="#0A7ED7";//天蓝色
    	}
    	//给当前tr增加样式
      document.getElementById("xxxId").style.background="#0A7ED7";
    }
    
    展开全文
  • 今天在手机端使用table时发现一个问题,就是给某一行设置背景颜色时,td之间出现了细细的竖线。本来以为是相关属性(如cellspacing等)没有设置,但检查后发现该设置的都设置了,并且该table在网页端显示正常。 ...

    今天在手机端使用table时发现一个问题,就是给某一行设置背景颜色时,td之间出现了细细的竖线。本来以为是相关属性(如cellspacing等)没有设置,但检查后发现该设置的都设置了,并且该table在网页端显示正常。

     

    代码如下:

    <!DOCTYPE html>

    <html>

        <head>

            <meta charset="UTF-8">

            <title>移动端table设置tr背景出现多余的线条</title>

            <style>

                * {

                    margin: 0;

                    padding: 0;

                }

                table {

                    border-spacing:none;

                    border-collapse:collapse;

                    background-color: black;

                }

                tr {

                    height: 200px;

                    line-height: 200px;

                    font-size: 0;

                }

                td {

                    font-size: 100px;

                }

                .selected {

                    background-color: blue;

                }

            </style>

        </head>

        <body>

            <table border=0 cellspacing=0 cellpadding=0>

                <tr width='500px' id="tr1" class="selected">

                    <td width='100px' id="td1">1</td>

                    <td width='200px' id="td2">test</td>

                    <td width='100px' id="td3">...</td>

                    <td width='100px' id="td4">...</td>

                </tr>

                <tr class="selected">

                    <td>2</td>

                    <td>test</td>

                    <td>...</td>

                    <td>...</td>

                </tr>

            </table>

        </body>

        <script>

            var tr1 = document.getElementById('tr1').clientWidth;

            console.log('#tr1: ' + tr1);

            var td1 = document.getElementById('td1').clientWidth;

            console.log('#td1: ' + td1);

            var td2 = document.getElementById('td2').clientWidth;

            console.log('#td2: ' + td2);

            var td3 = document.getElementById('td3').clientWidth;

            console.log('#td3: ' + td3);

            var td4 = document.getElementById('td4').clientWidth;

            console.log('#td4: ' + td4);

        </script>

    </html>

    网页端显示正常(Chrome:55):

    手机端显示多出了些分隔线(米4C,UC,v11)

    当将table的背景颜色设为白色时,线的颜色也会跟着变化,如下如所示:

    加入以下代码,取一行的所有td宽度与tr宽度进行比较,结果4个td的宽度之和等于tr的宽度,没有发现什么异常。

    js代码:

    <script>

            var tr1 = document.getElementById('tr1').clientWidth;

            console.log('#tr1: ' + tr1);

            var td1 = document.getElementById('td1').clientWidth;

            console.log('#td1: ' + td1);

            var td2 = document.getElementById('td2').clientWidth;

            console.log('#td2: ' + td2);

            var td3 = document.getElementById('td3').clientWidth;

            console.log('#td3: ' + td3);

            var td4 = document.getElementById('td4').clientWidth;

            console.log('#td4: ' + td4);

        </script>

     

    js显示结果:

    在进行诸多尝试之后仍不得其所。最终只能从表象进行猜测,线的颜色随着table背景颜色的变化而变化,那可能在渲染table内的元素时出现了问题,导致背景颜色透漏出来了。最后从td上作文章,勉强遮住这些线条能用。

     

    css中加入:

    .selected td {

                    background-color: blue;

    /* border-left: 1px solid blue;

                    border-right: 1px solid blue;*/

                }

     

    效果:

    将tr下的td背景也设成这个颜色之后,线条消失,也可能是淡化到可以接受范围内。线是没有了,但是问题却没有得到真正的解决,希望知道根本原因的道友不吝赐教,先谢过了!

    转载于:https://www.cnblogs.com/jzzszyj/p/6516709.html

    展开全文
  • 最近做项目时遇到一个问题,当我为table表格中的tr设置背景色时发现颜色是间断的,如下图所示:解决方案:为table设置border-collapse属性,属性值为collapse,解决问题。原因分析:tr会分成一段一段就是因为各个td...

    最近做项目时遇到一个问题,当我为table表格中的tr设置背景色时发现颜色是间断的,如下图所示:


    解决方案:为table设置border-collapse属性,属性值为collapse,解决问题。

    原因分析:tr会分成一段一段就是因为各个td或th都有自己的边框,将border-collapse设为collapse就是要合并边框,就能够取消分段的效果。

    展开全文
  • <p>how can i set the table tr background color according to same value in one row ? <pre><code><?php $result = mysql_query("SELECT * FROM `status` where username ='".$UserName."' ",$conn); while...
  • MarkDown设置字体颜色和背景颜色

    万次阅读 2016-08-19 12:54:38
    Markdown是一种可以使用普通文本编辑器编写的标记语言,通过类似HTML的标记语法,它可以使普通...查阅了一下资料,发现还是有办法解决这个问题的:设置字体颜色字体颜色效果为:字体颜色设置背景颜色<table><tr><td bgc
  • 初次发表js其实本人对JS也是外行,做网页时候用到就查查使用,最近自己的一个项目中前台页面显示表格比较占多,主要显示报表、清单等数据所以查看时候加些表格行背景颜色变动可能更生动些(页面有几百个),之前一直...
  • /* 设置当前选中行的背景颜色 */ .el-table__body tr.current-row>td { background: #c9eff5 !important; } /* 设置table header的背景颜色 */ .el-table__header th, .el-table__header ...
  • /* 设置当前选中行的背景颜色 */ .el-table__body tr.current-row&gt;td { background: #c9eff5 !important; } /* 设置table header的背景颜色 */ .el-table__header th, .el-table__header...
  • HTML中设置table标签行列背景颜色

    千次阅读 2019-09-23 17:18:58
    HTML中设置table标签行列背景颜色 在css选择器中进行设置: 使用tr:nth-child(5n)可以自己设置每隔多少行设置一种颜色。 也可以使用tr:odd{ }设置奇数行,tr:even{}设置偶数行 <style> tr:nth-child(5n){...
  • 先看样式截图: .../* 设置table header的背景颜色 */ .el-table__header th, .el-table__header tr { background-color: #17B3A3; color: black; } /* 设置表主体的高度 */ .el-table__body td,...
  • 设置自己的背景颜色 &amp;amp;lt;table&amp;amp;gt;&amp;amp;lt;tr&amp;amp;gt;&amp;amp;lt;td bgcolor=#000322&amp;amp;gt; 这里是背景颜色 &amp;amp;lt;/td&amp;amp;gt;&...
  • tr[data-uid=dataItem.uid] 可以定位Grid的某一行。 //控制背景颜色 { hidden: true, template: function (dataItem) { var uid = dataItem.uid; if (dataItem.statusCode =...
  • tr><td bgcolor=yellow>春晓</td></tr></table> 春眠<mark style = "background-color:#0FFFFF;font-size:18px">不觉晓,</mark> <div style = "background-color:#0080
  • function messageSort() { --函数名var message=document.getElementById("message").value;... --如果添加为空,返回var row = document.createElement("tr");... --设置row的属性. var cell = document.createEl
  • 盒子背景设置

    2020-03-27 14:02:21
    1、设置背景颜色 2、设置背景图像 3、背景与图片不透明度的设置 4、设置背景图像平铺 5、设置背景图像的位置 6、设置背景图像固定 7、设置背景图像的大小 8、设置背景的显示区域 9、设置背景图像的裁剪区域 ...
  • table各行设置不同背景颜色的js实现

    千次阅读 2017-12-22 17:24:43
    直接上代码var table=document.getElementById("example");... var trs=table.getElementsByTagName("tr"); alert(trs.length) for(var i=0;i;i++){ if(i%2==0){ trs[i].style.backgroundColor="#f00";
  • html代码如下-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">html代码如下点餐管理主页 ...
  • jquery改变tr背景

    千次阅读 2012-11-13 14:56:43
    id为tr的ID 设置当前选择行背景色,同时置其他行背景为另一种颜色   $('#id').css("background-color", "#e5e5e5").siblings().css("background-color", "#FFFFFF");
  • .table>tbody>tr:hover { background-color: #fff; }
  • DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head&...
  • [TOC] 用来显示目录 文章目录1. 设置文字背景色2. 设置字体格式:3. 字体背景和字体格式一起设置4....1. 设置文字背景色 ... 设置背景色为lightblue,文字内容靠左对齐 </td></tr>&l...
  • 1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xh...
  • id为tr的ID 设置当前选择行背景色,同时置其他行背景为另一种颜色 代码如下:$(‘#id’).css(“background-color”, “#e5e5e5”).siblings().css(“background-color”, “#FFFFFF”);
  • <!... "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ...晚上浏览word、txt时想让背景不再是耀眼的白色吗?试试照下面的方法设置一下吧 win7系统下调节窗口背景颜色设置方法: 调节后如
  • 一、字体大小、颜色设置黑体">color=#0099ff size=5 face="黑体"显示的效果是这样的:color=#0099ff size=5 face=”黑体”Size:规定文本的尺寸大小。...二、设置背景色<table><tr><td bgcolor=#FF45

空空如也

空空如也

1 2 3 4 5 ... 11
收藏数 201
精华内容 80
关键字:

tr设置背景颜色