时间戳

首页 > 解决方案 > 反应脚本中的文本颜色变化

javascript - 反应脚本中的文本颜色变化

问题描述

我有一个反应脚本。它的工作原理是这样的，出现数据隐私。它会自动触发，直到人们选择退出。下拉文本的颜色是蓝色的，我不明白为什么。但是我想将文本颜色更改为白色有没有办法在这段代码中添加样式并更改文本颜色？

<script>
  window.consentManagerConfig = function(exports) {
    var React = exports.React
    var inEU = exports.inEU

    var bannerContent = React.createElement(
      'span',
      null,
      'Wir verwenden Cookies (und andere ähnliche Technologien), um Daten zu sammeln und Ihre Erfahrung auf unserer Website zu verbessern. Durch die Nutzung unserer Website erklären Sie sich mit der Erfassung von Daten, wie in unserer Datenschutzerklärung beschrieben, einverstanden. | We use cookies (and other similar technologies) to collect data to improve your experience on our site. By using our website, you՚re agreeing to the collection of data as described in our',
      ' ',
      React.createElement(
        'a',
        { href: 'https://www.top.legal/de/datenschutz', target: '_blank' },
        'Datenschutzerklärung | Data Privacy Policy'
      ),
      '.'
    )
    var bannerSubContent = 'Sie können Ihre Einstellungen jederzeit ändern. | You can change your preferences at any time.'
    var preferencesDialogTitle = 'Website-Datenerfassungspräferenzen | Website Data Collection Preferences'
    var preferencesDialogContent =
      'Wir verwenden die von Cookies und JavaScript-Bibliotheken gesammelten Daten, um Ihr Browsing-Erlebnis zu verbessern, den Website-Verkehr zu analysieren, personalisierte Werbung auszuliefern und die Gesamtleistung unserer Website zu steigern. | We use data collected by cookies and JavaScript libraries to improve your browsing experience, analyze site traffic, deliver personalized advertisements, and increase the overall performance of our site.'
    var cancelDialogTitle = 'Sind Sie sicher, dass Sie abbrechen möchten? | Are you sure you want to cancel?'
    var cancelDialogContent =
      'Ihre Einstellungen wurden nicht gespeichert. Indem Sie unsere Website weiter nutzen, stimmen Sie unserer Richtlinie zur Datenerfassung auf der Website zu. | Your preferences have not been saved. By continuing to use our website, you՚re agreeing to our Website Data Collection Policy.'
      
    return {
      container: '#opt-in',
      writeKey: 'xH4L6pDELr0qFKjutaGXDqPt9tExOM0n',
      shouldRequireConsent: inEU,
      bannerContent: bannerContent,
      bannerSubContent: bannerSubContent,
      preferencesDialogTitle: preferencesDialogTitle,
      preferencesDialogContent: preferencesDialogContent,
      cancelDialogTitle: cancelDialogTitle,
      cancelDialogContent: cancelDialogContent
    }
  }
</script>

标签： javascript

解决方案

您可以通过将 id 或 class 添加到链接元素来更改颜色。例如：

var bannerContent = React.createElement(
      'span',
      null,
      'Wir verwenden Cookies (und andere ähnliche Technologien), um Daten zu sammeln und Ihre Erfahrung auf unserer Website zu verbessern. Durch die Nutzung unserer Website erklären Sie sich mit der Erfassung von Daten, wie in unserer Datenschutzerklärung beschrieben, einverstanden. | We use cookies (and other similar technologies) to collect data to improve your experience on our site. By using our website, you՚re agreeing to the collection of data as described in our',
      ' ',
      React.createElement(
        'a',
        { href: 'https://www.top.legal/de/datenschutz', target: '_blank', id: 'data-privacy-policy' },
        'Datenschutzerklärung | Data Privacy Policy'
      ),
      '.'
    )

然后是css

#data-privacy-policy { color: white }

推荐阅读