首页 / JQUERY / 如何在使用JQuery或JavaScript的背景之前更改#new-quote :？

如何在使用JQuery或JavaScript的背景之前更改#new-quote :？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何在使用JQuery或JavaScript的背景之前更改#new-quote :？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1073字，纯文字阅读大概需要2分钟。

内容图文

我想知道如何更改#new-quote：before元素的背景,因为在此线程中使用信息：Changing width property of a :before css selector using JQuery,我了解到我们只能使用特殊技术并且仅使用CSS的content属性来执行此操作.但是CSS的其他属性(例如背景)呢？

 colors = [
  "#ff9966",
  "#7f00ff",
  "#396afc",
  "#0cebeb",
  "#06beb6",
  "#642b73",
  "#36d1dc",
  "#cb356b",
  "#3a1c71",
  "#ef3b36",
  "#159957",
  "#000046",
  "#007991",
  "#56ccf2",
  "#f2994a",
  "#e44d26",
  "#4ac29a",
  "#f7971e",
  "#34e89e",
  "#6190e8",
  "#3494e6",
  "#ee0979"
],
randomNumber = Math.floor(Math.random() * colors.length);

我在项目中使用的是：

var addRule = function(sheet, selector, styles) {
if (sheet.insertRule) 
  return sheet.insertRule(selector + " {" + styles + "}", sheet.cssRules.length);
if (sheet.addRule)
  return sheet.addRule(selector, styles);
}

addRule(document.styleSheets[0], "#new-quote:before", "content: colors[randomNumber]");

是的,它与content属性一起使用,但是背景呢？

addRule(document.styleSheets[0], "#new-quote:before", "content: colors[randomNumber]");

不,:(这是我的完整项目代码的代码笔：

请参阅CodePen上Lukas(@Kestis500)的Pen xpgBNv.

这行代码修复了所有问题！

内容总结

以上是互联网集市为您收集整理的如何在使用JQuery或JavaScript的背景之前更改#new-quote :？全部内容，希望文章能够帮你解决如何在使用JQuery或JavaScript的背景之前更改#new-quote :？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/667605.html

来源：【匿名】