Javascript 为什么safari不使用css。甚至css类名也在显示？

我对safari有以下css规则

.userresult {
  border-right: 1px solid #d1d3d4;
  background-color: #fff;
  width: 20%;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  color: #212121;
  text-transform: capitalize;
  display: inline-block;
}

var userresult = quizcss.@com.quiz.client.QuizResourceBundle.QuizCSSResource::userresult()();
var WrongAnswer=document.createElement("div");
WrongAnswer.className=userresult;
WrongAnswer.innerHTML="Wrong<br>Answer";

.userresult{
右边框：1px实心#d1d3d4；
背景色：#fff；
宽度：20%；
填充：10px；
文本对齐：居中；
字体大小：粗体；
文字装饰：无；
颜色：#212121；
文本转换：大写；
显示：内联块；
}
var userresult=quizcss@com.quick.client.QuizResourceBundle.quizcsresource:：userresult（）；
var ErrorAnswer=document.createElement（“div”）；
回答错误。className=userresult；
错误答案。innerHTML=“错误
答案”；

---

在检查期间，显示元素css名称，但不显示规则。当我点击css类名时。所有效果都显示出来了。旅行有什么规定吗

WrongAnswer.className=userresult;

应该是字符串

WrongAnswer.className="userresult";

---

编辑

---

或者

userresult

值应该正好是

userresult

，但现在我不知道它的值是什么。

我没有/使用safari，但听起来像是，（A）你的规则在样式表的其他地方被覆盖了，或者（B）你已经设法“最小化”你的类名（类似于扩展/最小化以节省屏幕空间）.但是有了这一点信息，很难选择哪一个。你可以对此进行扩展吗？我检查出没有覆盖任何规则，也可以最小化类名，但没有影响…你可以对此进行扩展吗？-请在问题中添加详细信息。请添加一个JSFIDLE/jsbin来说明你的问题…我正在使用css ResourceBundle。我在这种情况下，userresult会产生一个变量如果你检查这个元素，它是什么样子的？它是否有class属性

class=“userresult”

？在检查元素时，css名称会显示，但没有规则。当我点击css类名时，所有的效果都会显示出来。safari有规则吗。。