getComputedStyle(element).getPropertyValue("--varName")在火狐中不起作用
getComputedStyle(element).getPropertyValue("--varName")在火狐中不起作用是因为火狐浏览器对CSS变量的支持存在一些限制。
CSS变量（也称为自定义属性）是一种在CSS中定义的变量，可以在整个样式表中重复使用。使用CSS变量可以提高代码的可维护性和灵活性。
然而，火狐浏览器在某些情况下可能无法正确解析和应用CSS变量。具体来说，getComputedStyle(element).getPropertyValue("--varName")方法无法获取到CSS变量的值。
解决这个问题的方法是使用其他方式来获取CSS变量的值，例如通过element.style.getPropertyValue("--varName")来获取。这种方法可以直接从元素的内联样式中获取CSS变量的值。
另外，为了确保在不同浏览器中都能正常使用CSS变量，可以考虑使用PostCSS等工具进行预处理，将CSS变量转换为浏览器支持的语法。
总结起来，getComputedStyle(element).getPropertyValue("--varName")在火狐中不起作用是因为火狐浏览器对CSS变量的支持存在限制。可以通过使用element.style.getPropertyValue("--varName")或者使用预处理工具来解决这个问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云数据库 MySQL 版（CMYSQL）：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mpns
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
1回答
getComputedStyle(element).getPropertyValue("--varName")在火狐中不起作用
javascript、firefox、getcomputedstyle、getpropertyvalue
下面是我的.css文件和.js代码的一部分： const root = document.querySelector(":root");console.log(msgColor); :root { --msg-text: floralwhite;
} 问题是，在chrome、safari和新的Ed
浏览 27提问于2020-06-17得票数 0
3回答
为什么DOM样式对象不直接设置CSS变量？
javascript、css、dom
我的理解是，通过JavaScript设置CSS规则有两种等效的方法：element.style.setProperty('--varName', value)element.style['--varNam
浏览 0提问于2020-09-04得票数 0
1回答
确定元素在html文档中是否可滚动
javascript、dom
id=576976#c2var clientHeight = element.clientHeight;var borderBottom = window.getComputedStyle(element, 10) - parseInt(borderBo
浏览 2提问于2010-12-20得票数 0
1回答
火狐getComputedStyle返回“自动”
javascript、firefox
说：
在火狐中，值auto的属性返回使用的值，而不是值auto。但是，window.getComputedStyle(element).getPropertyValue("top")返回的是"auto"而不是像素值。有人知道解决办法吗？
浏览 2提问于2015-11-12得票数 2
回答已采纳
2回答
firefox bug的Javascript解决方案
javascript、firefox、iframe
if (/firefox/i.test(navigator.userAgent)){ var t = window.oldGetComputedStyle(elementpseudoElt); retu
浏览 2提问于2015-09-18得票数 0
回答已采纳
2回答
不起作用的CSS属性，由js getComputedStyle()读取。
javascript、css
问题/ TLDR它可以被javascript (例如window.getComputedStyle(element)或jQuery.fn.css())作为元素上当前活动的样式来获取但是断点应该在站点特定的CSS中定义，也就是说，包外的CSS文件。. */}// Use jQuery to make this code look simpler.$(win
浏览 4提问于2019-12-13得票数 1
1回答
将颜色从CSS传递到Javascript
javascript、css
我将主题颜色定义为CSS文件中的变量。然后，我想在我的JavaScript中使用相同的颜色(它从数据库中获取值并生成图形)。我不想在JS中再次指定颜色。我可以从CSS中加载一个颜色列表吗?
浏览 4提问于2016-11-28得票数 1
回答已采纳
5回答
获取或设置CSS变量
javascript、jquery、css
()element.style.getPropertyValue("--varname");我在<
浏览 9提问于2016-07-11得票数 3
回答已采纳
4回答
document.defaultView的意义是什么？
javascript、dom
在浏览器中，返回与文档关联的窗口对象，如果没有可用，则返回null。) returnelement.currentStyle[styleProp] :}
浏览 2提问于2012-02-07得票数 40
回答已采纳
1回答
计算页上不包含在此元素中的其他元素的(总)高度
javascript、html、css
在一个非常混乱的页面上，我有一个div，我试图找到一种方法来计算我的div中所有属于而不是的元素的(总)高度。我知道如何获得one元素的呈现高度，现在我希望将呈现的高度从的所有元素中移除一个。window.getComputedStyle( document.getElementsByTagName( 'body' )[ 0 ], null ) },
'header' : { 'element': w
浏览 5提问于2015-10-15得票数 2
回答已采纳
1回答
无法在iOS中使用getComputedStyle访问样式
javascript、ios、styles
它可以在我测试过的所有桌面浏览器中运行，但是在移动safari中不能运行。如果我将getComputedStyle调用记录回控制台，它是一个很棒的对象CCStyleDeclaration，但是当我记录getPropertyValue调用时，它只是返回"null“而不是正确的样式Utils.getStyle = function(element, style){ if(document.
浏览 1提问于2012-08-31得票数 2
2回答
如何使用selenium、NUnit和C#获取元素属性的子属性值
javascript、c#、selenium、getcomputedstyle、getpropertyvalue
当试图获取较高级别属性/属性的值时，它可以很好地处理以下代码：return Element2.GetAttribute但是，如果我尝试获取子属性的值，如下所示：return Element4.GetAttribute("style.fontWeightcssText: "fon
浏览 5提问于2019-02-24得票数 2
回答已采纳
2回答
如何获取链接的默认颜色？
javascript
我需要一些JavaScript来找到页面的默认链接颜色。我该怎么做呢？我环顾四周，但不知道该怎么做。我相信jQuery有一个我可以使用的.css函数，但是普通的JavaScript怎么样？谢谢!
浏览 8提问于2015-06-07得票数 2
回答已采纳
1回答
通过css获取CSS值并在Selenium中使用
javascript、css、testing、selenium、selenium-ide
当我说这个：在Chrome中，我得到了正确的答案，但是当我使用storeEval或assertEval试图获得这个值时，它不能正常工作。我用火狐。如果命令正确的话，我使用Chrome只是为了切赫。(应该是"rgb(220
浏览 1提问于2012-06-27得票数 1
回答已采纳
7回答
如何获取HTML元素的背景色？
javascript、html、background-color
, styleProp) { var y = x.currentStyle[styleProp]; var y = document.defaultView.getComputedStyle(x, null).getPropertyValue(styleProp);
return
浏览 3提问于2009-12-11得票数 71
回答已采纳
1回答
JavaScript TypeError:表示CSS声明返回为"null“
javascript、css、function
下面是正在讨论的代码，这些代码似乎正在引发问题： function trackXY(){ let pokeS = document.getElementsByClassName('pikaStyle' + i);
let xPlayer = parseInt(player.style.left + .5*player.style.wi
浏览 5提问于2022-01-14得票数 0
回答已采纳
10回答
html元素(div)的完全高度，包括边框、填充和边距？
javascript、css
但是div中的一个嵌套元素有一个margin-top of 20%，所以我得到了一个错误的度量。我尝试了style.marginTop和scrollHeight，但没有成功。
浏览 8提问于2012-05-28得票数 99
回答已采纳
1回答
如何用Javascript从伪元素中提取FontAwesome字符代码
javascript、css、font-awesome
我们可以使用以下方法获得伪元素：result = window.getComputedStyle(elem,':before').getPropertyValue('content');有办法从CSS文件中获取值吗？body *');
{
浏览 1提问于2018-01-17得票数 2
回答已采纳
1回答
获取伪元素的背景样式。
javascript、jquery、internet-explorer、cross-browser、pseudo-element
在一些必须打印的伪元素中有“重要”图像。我认为可能可以将这些背景图像转换为<img/>元素，但是似乎不可能在Internet 8中使用读取伪元素的样式，因为它不支持getComputedStyle。相关信息：
浏览 5提问于2014-01-31得票数 4
1回答
当getComputedStyle试图获取“后台”的值时，在火狐中返回NULL，但在Chrome中有效
javascript、css、firefox
火狐自动将rgba(126,47,182,0)转换为透明，因此解决方案是将其保持在接近于零的水平，而不是像这个rgba(126,47,182,0.01)那样为零，并将window.getComputedStyle=window.getComputedStyle(菜单为空).getPropertyValue(“背景-图像”)；.header-menu--formats{JavaScript：
var menu = doc
浏览 4提问于2017-06-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
