[css] HTML5 데이터 목록 옵션에 CSS 스타일을 적용하는 방법이 있습니까?

Program / 글쓴이

데이터 목록의 다양한 옵션 목록이 표시되는 방식을 수정하고 싶습니다. 일부 CSS 속성을 적용 할 수 있습니까?

<input list="languages" id="language_id">
<datalist id="languages">
      <option value="html">HTML</option>
      <option value="java">Java</option>
      <option value="perl">Perl</option>
      <option value="php">PHP</option>
      <option value="ruby-on-rails">Ruby on Rails</option>
</datalist>

나는 시도했다

option {
    background: red;
}

하지만 작동하지 않는 것 같습니다.

답변

선택 요소 와 마찬가지로 데이터 목록 요소는 스타일 지정에 유연성이 거의 없습니다. 질문이 요청한 경우 제안 된 용어의 스타일을 지정할 수 없습니다.

브라우저는 이러한 요소에 대해 고유 한 스타일을 정의합니다.

답변

시험:

input[list]
{
  background: red;
}

답변