Установить цвет фона автозаполнения в расширении chrome

Question

Я создал расширение chrome для автозаполнения форм.

Код, который я использую для автозаполнения, - это, по сути, один раз с этого сайта

$( function() {
    var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ];
    $( "#tags" ).autocomplete({
      source: availableTags
    });
  } ); 

Он выполняет свою работу, но у меня возникают проблемы с чтением предложение, потому что фон прозрачный, как показано на изображении ниже:

Можно ли с помощью расширения установить solid белый цвет фона?

РЕДАКТИРОВАТЬ:

Я пытаюсь изменить это, как было предложено. Это меняет работу:

document.querySelector("[id='tags']").style.color="Red"
document.querySelector("[id='tags']").style.backgroundColor="Red"

Но это меняет только текстовое поле:

И я хочу изменить фон на только варианты.

Я пробовал это:

document.querySelector("[id='tags']").background-color =  "Red"

И получил следующую ошибку:

Uncaught SyntaxError: Invalid left-hand side in assignment

Answer 1

веб-сайт, на который вы ссылаетесь, добавляет <ul> при отображении автозаполнения. Вам нужно добавить css для ul, чтобы получить background-color. Итак, у меня работает следующий код.

  ul#ui-id-1 {
   background-color: red;
  }