브라우저에서 스타일 자동 완성 드롭 다운

Question

많은 웹 사이트에서 예를 들어 사용자 이름을 입력 할 때 이전 입력이 표시되는 곳에서 드롭 다운이 발생하므로 사용자는 입력하는 대신 쉽게 선택할 수 있습니다. 폼이나 입력에 autocomplete="off"이라는 속성이 있으면 브라우저에서이 기능을 끌 수 있다는 것을 알고 있습니다. 문제는 내가 원할 때, 입력에 패딩이있을 때입니다. 드롭 다운에는 각 항목마다 패딩이 없으므로 끔찍하게 보입니다.

CSS로만 스타일을 지정할 수 있습니까? 자바 스크립트/jQuery를 사용하여 잠재적으로 쿠키 또는 무언가에 이전 항목을 저장하고 자신 만의 드롭 다운을 만들 수 있음을 알고 있습니다. 하지만이 자바 스크립트에 의존하고 싶지 않아요.

Answer 1

아니요. 자동 완성은 표준의 일부가 아니며 DOM의 일부가 아닙니다. 스타일을 지정하는 유일한 방법은 직접 제안한대로 JavaScript를 사용하여 해당 기능을 다시 작성하는 것입니다.

Answer 2

불행히도이 경우에는 (자바 스크립트/jQuery/mootools/등을 사용하지 않을 때) CSS가있는 드롭 다운 상자 자체를 스타일링 할 방법이 없습니다. 운영 체제에 의존적입니다 - 예 : Windows/Linux/Mas OS visualize 그것은 시각적 인 사용자 설정 (즉, 계획)에 따라.