Question

标题说明了一切。

在我测试的任何其他浏览器（opera，vivaldi，chrome，firefox）中，我得到了一个包含"4px"

等实际填充的字符串

这是一个样本。

＆＃13;

$(document).ready(updatePadding);

function updatePadding(event){
	const padding = 10;
  
  let elem = $("#b1");
  
  elem.css("padding", padding * 2);
  elem.css("padding-top", 5);
  elem.html("padding: " + elem.css("padding"));
  
  elem = $("#b2");
  elem.css("padding", padding * 3);
  elem.css("padding-top", 5);
  elem.css("padding-bottom", 5);
  elem.html("padding: " + elem.css("padding"));
  
  elem = $("#b3");
  elem.css("padding", padding * 4);
  elem.html("padding: " + elem.css("padding"));  
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="b1"></button>
<button id="b2"></button>
<button id="b3"></button>

＆＃13;

您应该看到按钮的填充作为其内容 - 如果不是，您很可能使用边缘。

这对我来说似乎是一个错误，但也许这是每个设计。我测试了JQuery .css函数的不同参数，发现有些工作和其他人没有。例如：width，height，color：好的，padding，margin：失败。首先，它似乎只返回了一维css属性，但后来我看到了颜色"rgb(33,33,33)"的正确结果，所以我不再确定了。

无论是否使用JQuery，如何才能成为正确有效的解决方案？

$（elem）.css（＆＃34; padding＆＃34;）在边缘返回空字符串

0 个答案: