javascript - IE 和 css 通过使用 jquery

Question

我想设置一个这样的css属性

$(#something).css({'color':'red'});

例如，但我写的是

$(#something).css({'color':'#cafe'});

并且在 IE 上什么也没做。那有什么问题？前者有效，后者失败..

Answer 1

我认为您想使用关键字而不是颜色，以便可以在多个地方使用它。为此，您应该将其存储在一个变量中，然后当您通过 jQuery 应用 CSS 时，使用变量而不是颜色。

例子：

var cafe = '#482610';
$('#something').css('color', cafe);

Answer 2

您仍然必须使用有效的颜色值（#cafe不是一个 -red虽然它是预定义的颜色，但可以），就像您在样式表中所做的那样。

请参阅您可以使用的预定义颜色列表。如果您不想要预定义的颜色，请使用 3 位或 6 位数字的十六进制格式，例如#ff0000or#f00或 RGB 表示法rgb(255,0,0)（示例在所有情况下都是红色）。看那个规格

顺便提一句。通常您必须将 jQuery-selector 包装在's 中，例如：

$('#something').css({'color':'red'});

Answer 3

http://www.w3.org/TR/css3-color/#rgb-color

规范说：

十六进制表示法的 RGB 值的格式是一个“#”，后跟三个或六个十六进制字符。三位 RGB 符号 (#rgb) 通过复制数字而不是添加零转换为六位形式 (#rrggbb)。例如，

fb0 扩展为#ffbb00。这确保可以使用短符号 (#fff) 指定白色 (#ffffff) 并删除任何依赖项

关于显示器的颜色深度。

因此，您不能依赖无效值，例如#cafe，某些浏览器可能会尝试通过填充额外的 0 来宽容，但您真的不能依赖它。所以坚持规范:)

Answer 4

咖啡馆不是有效的十六进制颜色..

例如尝试#FFFFFF 或#CCCCCC

Answer 5

没有像#cafe. 就这样。也许cafe没有井号，我从未尝试过。:-)

如果你的意思是它是一个十六进制值，Ramon 是对的，但你也可以使用短版本（3 个字符）：

#caf会工作。