javascript - 使用十六进制设置背景颜色

Question

当我使用 jQuery(或者就此而言，也使用纯 JavaScript)将样式颜色或背景颜色设置为 HEX 颜色时，它似乎会自动将其转换为等效的 RGB。

我如何才能将样式设置为 HEX 颜色并使相同的 HEX 颜色保留在 HTML 中(而不是将其转换为等效的 RGB)。

看这里: http://jsfiddle.net/cuhd8bgL/9/

$(function ()
{
    $("div").css("color", "#3282c3");
});

Answer 1

我会建议 .attr( attributeName, function )和 CSSStyleDeclaration.removeProperty()而不是使用正则表达式:

$("div").attr('style', function() {
  this.style.removeProperty('color'); // remove color if exist....
  return this.style.cssText + 'color:#3282c3;'; // add your color
});
$("div").each(function() {
  console.log(this.outerHTML);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="font-family: Helvetica;line-height: 100%;margin-top: 20px; text-align: left;vertical-align: bottom;color: blue">
    I want a hex color! (I have already a style prop...)
</div>
<div>
    I want a hex color!
</div>