IT story

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

hot-time 2020. 12. 31. 22:55
반응형

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


데이터 목록의 다양한 옵션 목록이 표시되는 방식을 수정하고 싶습니다. 일부 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;
}

참조 URL : https://stackoverflow.com/questions/13693482/is-there-a-way-to-apply-a-css-style-on-html5-datalist-options

반응형