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
相关·内容
下面是我的.css文件和.js代码的一部分： const root = document.querySelector(":root");console.log(msgColor); :root { --msg-text: floralwhite;
} 问题是，在chrome、safari和新的Ed
浏览 27提问于2020-06-17得票数 0
我的理解是，通过JavaScript设置CSS规则有两种等效的方法：element.style.setProperty('--varName', value)element.style['--varNam
浏览 0提问于2020-09-04得票数 0
id=576976#c2var clientHeight = element.clientHeight;var borderBottom = window.getComputedStyle(element, 10) - parseInt(borderBo
浏览 2提问于2010-12-20得票数 0
说：
在火狐中，值auto的属性返回使用的值，而不是值auto。但是，window.getComputedStyle(element).getPropertyValue("top")返回的是"auto"而不是像素值。有人知道解决办法吗？
浏览 2提问于2015-11-12得票数 2
回答已采纳
if (/firefox/i.test(navigator.userAgent)){ var t = window.oldGetComputedStyle(elementpseudoElt); retu
浏览 2提问于2015-09-18得票数 0
回答已采纳
问题/ TLDR它可以被javascript (例如window.getComputedStyle(element)或jQuery.fn.css())作为元素上当前活动的样式来获取但是断点应该在站点特定的CSS中定义，也就是说，包外的CSS文件。. */}// Use jQuery to make this code look simpler.$(win
浏览 4提问于2019-12-13得票数 1
我将主题颜色定义为CSS文件中的变量。然后，我想在我的JavaScript中使用相同的颜色(它从数据库中获取值并生成图形)。我不想在JS中再次指定颜色。我可以从CSS中加载一个颜色列表吗?
浏览 4提问于2016-11-28得票数 1
回答已采纳
在浏览器中，返回与文档关联的窗口对象，如果没有可用，则返回null。) returnelement.currentStyle[styleProp] :}
浏览 2提问于2012-02-07得票数 40
回答已采纳
在一个非常混乱的页面上，我有一个div，我试图找到一种方法来计算我的div中所有属于而不是的元素的(总)高度。我知道如何获得one元素的呈现高度，现在我希望将呈现的高度从的所有元素中移除一个。window.getComputedStyle( document.getElementsByTagName( 'body' )[ 0 ], null ) },
'header' : { 'element': w
浏览 5提问于2015-10-15得票数 2
回答已采纳
它可以在我测试过的所有桌面浏览器中运行，但是在移动safari中不能运行。如果我将getComputedStyle调用记录回控制台，它是一个很棒的对象CCStyleDeclaration，但是当我记录getPropertyValue调用时，它只是返回"null“而不是正确的样式Utils.getStyle = function(element, style){ if(document.
浏览 1提问于2012-08-31得票数 2
当试图获取较高级别属性/属性的值时，它可以很好地处理以下代码：return Element2.GetAttribute但是，如果我尝试获取子属性的值，如下所示：return Element4.GetAttribute("style.fontWeightcssText: "fon
浏览 5提问于2019-02-24得票数 2
回答已采纳
2回答
我需要一些JavaScript来找到页面的默认链接颜色。我该怎么做呢？我环顾四周，但不知道该怎么做。我相信jQuery有一个我可以使用的.css函数，但是普通的JavaScript怎么样？谢谢!
浏览 8提问于2015-06-07得票数 2
回答已采纳
1回答
当我说这个：在Chrome中，我得到了正确的答案，但是当我使用storeEval或assertEval试图获得这个值时，它不能正常工作。我用火狐。如果命令正确的话，我使用Chrome只是为了切赫。(应该是"rgb(220
浏览 1提问于2012-06-27得票数 1
回答已采纳
7回答
, styleProp) { var y = x.currentStyle[styleProp]; var y = document.defaultView.getComputedStyle(x, null).getPropertyValue(styleProp);
return
浏览 3提问于2009-12-11得票数 71
回答已采纳
下面是正在讨论的代码，这些代码似乎正在引发问题： function trackXY(){ let pokeS = document.getElementsByClassName('pikaStyle' + i);
let xPlayer = parseInt(player.style.left + .5*player.style.wi
浏览 5提问于2022-01-14得票数 0
回答已采纳
但是div中的一个嵌套元素有一个margin-top of 20%，所以我得到了一个错误的度量。我尝试了style.marginTop和scrollHeight，但没有成功。
浏览 8提问于2012-05-28得票数 99
回答已采纳
我们可以使用以下方法获得伪元素：result = window.getComputedStyle(elem,':before').getPropertyValue('content');有办法从CSS文件中获取值吗？body *');
{
浏览 1提问于2018-01-17得票数 2
回答已采纳
1回答
获取伪元素的背景样式。
、、、、
在一些必须打印的伪元素中有“重要”图像。我认为可能可以将这些背景图像转换为<img/>元素，但是似乎不可能在Internet 8中使用读取伪元素的样式，因为它不支持getComputedStyle。相关信息：
浏览 5提问于2014-01-31得票数 4
火狐自动将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元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
