background-color 相关问题

`background-color`是一个CSS属性,用于定义元素的背景颜色。

ECharts - 如何防止悬停时更改背景颜色

我想防止当我将鼠标悬停在 ECharts 地图上时背景颜色发生变化。 例如,请参阅此链接 https://echarts.apache.org/examples/en/editor.html?c=map-usa。我怎样才能将鼠标悬停在...

回答 3 投票 0

GNUplot 颜色反转

由于深色窗户让我的眼睛不那么紧张,我想在我的 gnuplot 终端中设置深色背景。在图下方设置一个黑色方块将是一个解决方案,只要这不会影响

回答 2 投票 0

Chrome 扩展中选择元素的背景颜色不随网站方案而变化

我开发了一个 Chrome 扩展程序,其中包含一个按钮和一个支持浅色和深色模式的网站的选择元素。按钮的颜色根据站点的

回答 1 投票 0

pandas 颜色列基于其他列的值

我想进行条件格式设置,将其应用于 pandas 数据框中的另一列。所以我想将“timestart”和“timeend”列中的字体颜色更改为蓝色...

回答 0 投票 0

如何根据 pandas 数据框中另一列的元素设置列元素的样式?

比如说,我有一个 pandas 数据框,如下所示: 将 pandas 导入为 pd # 示例数据帧 数据 = { '希腊字母':[“Alpha”,“Beta”,“Gamma”,“Omega”...

回答 1 投票 0

Pandas 数据框 Styler 不断覆盖数据框中以前的样式

我有一个带有几列的 Pandas 数据框。 # 数据框示例 df = pd.DataFrame({'A':[1,15,10,47,35], 'B':["Mac","Mac","Mac","Mac",&qu...

回答 1 投票 0

如何使用javascript根据条件改变背景颜色

大家好,我是新人,所以请保持友善:) --编辑2:这就是我现在要做的 colorChange:函数(数据){ console.log(data.main.temp); var tempColor= this.displayWeather(文档.

回答 2 投票 0

无法在jetpack compose中设置TopAppBar的背景色(没有backgroundColor属性)

我正在尝试使用 jetpack compose 设置 TopAppBar 的背景颜色,但我做不到。互联网上的所有帖子都使用一个名为 backgroundColor 的属性来更改背景颜色...

回答 1 投票 0

如何将我的框架的颜色背景与主窗口相匹配

这就是使用 tkinter 和 customtkinter 的 python 程序: 导入自定义tkinter 定义登录(): 如果 email_entry.get() == "admin" 和 password_entry.get() == "password":

回答 2 投票 0

如何获取HTML元素的背景颜色?

如何使用 JavaScript 获取任何元素的背景颜色,例如 ?我努力了: 罗... 如何使用 JavaScript 获取任何元素的背景颜色,例如 <div>?我试过: <html> <body> <div id="myDivID" style="background-color: red"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div> <input type="button" value="click me" onclick="getColor();"> </body> <script type="text/javascript"> function getColor() { myDivObj = document.getElementById("myDivID") if (myDivObj) { console.log('myDivObj.bgColor: ' + myDivObj.bgColor); // shows: undefined console.log('myDivObj.backgroundcolor: ' + myDivObj.backgroundcolor); // shows: undefined //alert ( 'myDivObj.background-color: ' + myDivObj.background-color ); // this is not a valid property :) console.log('style:bgColor: ' + getStyle(myDivObj, 'bgColor')); //shows: undefined console.log('style:backgroundcolor: ' + getStyle(myDivObj, 'backgroundcolor')); // shows:undefined: console.log('style:background-color: ' + getStyle(myDivObj, 'background-color')); // shows: undefined } else { console.error('Error: When function "getColor();" was called, no element existed with an ID of "myDivId".'); } } /* copied from `QuirksMode` - http://www.quirksmode.org/dom/getstyles.html - */ function getStyle(x, styleProp) { if (x.currentStyle) var y = x.currentStyle[styleProp]; else if (window.getComputedStyle) var y = document.defaultView.getComputedStyle(x, null).getPropertyValue(styleProp); return y; } </script> </html> 获取号码: window.getComputedStyle( *Element* , null).getPropertyValue( *CSS* ); 例子: window.getComputedStyle( document.body ,null).getPropertyValue('background-color'); window.getComputedStyle( document.body ,null).getPropertyValue('width'); ~ document.body.clientWidth 与所有包含连字符的css属性一样,它们在JS中的对应名称是去掉连字符并将以下字母大写:backgroundColor alert(myDiv.style.backgroundColor); 简单的解决方案 myDivObj = document.getElementById("myDivID") let myDivObjBgColor = window.getComputedStyle(myDivObj).backgroundColor; 现在背景颜色存储在新变量中。 https://jsfiddle.net/7q1dpeo9/1/ 使用 jQuery: jQuery('#myDivID').css("background-color"); 有原型: $('myDivID').getStyle('backgroundColor'); 使用纯 JS: document.getElementById("myDivID").style.backgroundColor 这取决于您需要的 div 中的哪种样式。这是在CSS中定义的背景样式还是通过javascript(inline)添加到当前节点的背景样式? 在CSS风格的情况下,你应该使用计算风格。就像你在 getStyle(). 使用内联样式你应该使用node.style参考:x.style.backgroundColor; 另请注意,您通过使用驼峰式/非连字符参考来选择样式,所以不是background-color,而是backgroundColor; 这对我有用: var backgroundColor = window.getComputedStyle ? window.getComputedStyle(myDiv, null).getPropertyValue("background-color") : myDiv.style.backgroundColor; 而且,甚至更好: var getStyle = function(element, property) { return window.getComputedStyle ? window.getComputedStyle(element, null).getPropertyValue(property) : element.style[property.replace(/-([a-z])/g, function (g) { return g[1].toUpperCase(); })]; }; var backgroundColor = getStyle(myDiv, "background-color"); 使用 JQuery: var color = $('#myDivID').css("background-color"); 您可以在您的控件上绘制一个画布元素,即使不显示它,如果它有多种颜色,也可以在您的控件中的特定位置获取颜色。 <head> <style> </style> </head> <body><div style="border:gray solid 2px;height:575px;width:700px;position:absolute;top:75px;right:15px;background:black;color:white;font-Family:Century SchoolBook;font-Size:18px;padding-Top:20px;" id="container101"><div id="header" style="text-Align:center">ColorPicker</div> <div id="div101" style="position:absolute;top:60px;left:100px;width:500px;height:500px;"></div> <canvas height="500" width="500" style="position:absolute;top:60px;left:100px;display:none;" id="canva"></canvas> </div> <script> function create(r1,g1,b1,r2,g2,b2){dv101 = document.querySelector("#div101");dv101.style.background = "linear-gradient(90deg, rgb("+r1+", "+g1+", "+b1+"), rgb("+r2+", "+g2+", "+b2+"))"; var can = document.querySelector("#canva"); var context = can.getContext("2d"); context.rect(0, 0, 500, 500); var grd = context.createLinearGradient(0,0,can.width,0); grd.addColorStop(0, "rgb("+r1+", "+g1+", "+b1+")"); grd.addColorStop(1, "rgb("+r2+", "+g2+", "+b2+")"); context.fillStyle = grd; context.fillRect(0,0,500,500); dv101.onmousemove = (event) => { var posx = event.clientX-dv101.offsetLeft- document.querySelector("#container101").offsetLeft; var posy = event.clientY-dv101.offsetTop- document.querySelector("#container101").offsetTop; console.log(posx,posy); var data = context.getImageData(posx,posy,1,1); couleur = "rgb("+data.data[0]+","+data.data[1]+","+data.data[2]+")"; document.body.style.background=couleur; } return couleur; };create(255, 0, 0, 0, 0, 255); var arr = new Array(); function inp(x,y){ var input1 = document.createElement('input'); var cont = document.querySelector("#container101"); cont.appendChild(input1); arr.push(input1); input1.type = "text"; input1.style = "outline:none;position:absolute;top:"+y+"px;left:"+x+"px;height:30px;width:60px;background:white;color:black;"; input1.value = 0; input1.onkeydown = (event) => { switch(event.keyCode){ case 38: input1.value++; create(arr[0].value, arr[1].value, arr[2].value, arr[3].value, arr[4].value,arr[5].value); break; case 40: input1.value--; create(arr[0].value, arr[1].value, arr[2].value, arr[3].value, arr[4].value,arr[5].value); break; }; } };inp(5,60);inp(5,110);inp(5,160);inp(610,60);inp(610,110);inp(610,160); </script> </body> </html> 这是一个工作小提琴。 https://jsfiddle.net/cdgpts9n/

回答 8 投票 0

根据值更改单元格颜色,其中有单个单元格和多个单元格变化

我正在为学生创建日历样式的时间表。 我们有很多课程,所以为了简化时间表,我制作了一个星期天开始的日历表,日历中的那些课程由依赖下拉列表组成。 例如

回答 1 投票 0

为什么按钮的背景颜色在 Android Studio 中没有改变

单击按钮后,我试图更改按钮的样式。 我的计划:当用户点击按钮时,它会改变背景颜色(橙色 -> 白色)、边框(无 -> 橙色边框)、文本颜色 ...

回答 0 投票 0

按钮“发送”不会改变 CSS 中的颜色

当鼠标光标经过或停留在按钮上(未单击)时,我无法更改“发送”按钮的颜色。 。发送 { 背景色:白色; 颜色:黑色; 填充:10px ...

回答 0 投票 0

如何更改word文档中文本的默认高亮颜色?请建议 office js 的方法这样做

我需要将默认文本突出显示颜色从灰色更改为任何其他颜色。请建议使用 office js 的任何方法。 office js改变word中文字高亮颜色的方法做...

回答 0 投票 0

如何使用 jquery 淡入/淡出背景颜色?

如何使用 jQuery 淡入文本内容? 关键是要引起用户对消息的注意。

回答 9 投票 0

更改 Shiny 应用程序中内容窗格的背景颜色?

我使用 plotly 制作了一个闪亮的饼图应用程序。该应用程序显示有多少大豆从阿根廷罗萨里奥港出口到五十多个国家。通过添加"/?COUNTRY=X&qu...

回答 0 投票 0

如何使用 jquery 检查元素的背景颜色

if($(this).css("background-color")==深红色) 它是否正确 ? .css("background-color","white") 会改变颜色,但我不想改变,我想知道它是什么颜色。

回答 5 投票 0

如何根据背景颜色设置文字颜色?

我需要根据背景颜色更改文本颜色。我可以使用 mix-blend-mode: difference 和 filter: invert(1) 来实现我需要的效果,但颜色不太正确。 对于前...

回答 1 投票 0

背景色仅覆盖表格旋转单元格中的边框

我有一个表格,其中一些单元格被旋转 例如 : 我有一个表格,其中一些单元格是旋转的 例如: <th rowspan="13" style="border-bottom: solid 1px #000000; writing-mode: vertical-rl; transform: rotate(-180deg); padding-left: 10px; padding-right: 5px; font-weight: normal; font-size: 0.9em; background-color: #fff7e6;">Radial</th> 表格格式如下: <table style="border-top: solid 1px #000000; border-bottom: solid 1px #000000; border-collapse: collapse; max-width: 90%; margin-left: auto; margin-right: auto; margin-top: 4vh; margin-bottom: 6vh; text-align: center; font-family: 'Calibri', sanserif;"> 行没有格式 背景颜色 - 仅在这些旋转的单元格中 - 将重叠并覆盖边界线,如 border-bottom: solid 1px #000000; 在 Firefox 中,重叠位于旋转单元格的底部边框上 在 Edge 中,重叠位于顶部相邻单元格的底部边界 - 是否旋转 在 Chrome 中,问题不存在 Overlap size = 1px only (if border thickness set to 2px, 1px become visible) 我读过不同的古老讨论,关于如何克服未旋转单元格的类似错误,比如使用背景剪辑属性 但是没有一个解决方案在这里起作用 有人知道吗? 谢谢

回答 0 投票 0

HTML/CSS - 导航栏的背景颜色在放置在另一个背景上时具有神秘的黑白条

我遇到了一个非常神秘和令人抓狂的问题,导航栏会在鼠标悬停时改变颜色。每次我尝试分配导航栏以在悬停时更改颜色时,它都会出现

回答 0 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.