일부 그라디언트가있는 선택 상자의 스타일을 지정하고 싶습니다. 내 문제는 어떻게 든 그림자가 추가된다는 것입니다. this fiddle을 열면 무슨 뜻인지 알 수 있습니다. 두 클래스의 그래디언트가 동일합니다 ... 그림자가 선택 상자에 추가 된 이유를 알 수 없으며 솔루션을 찾을 수 없습니다. 도와 주시겠습니까?그라디언트가있는 선택 상자의 스타일을 지정하려면 어떻게합니까?
감사합니다.
select 요소는 브라우저가 아닌 기본 플랫폼/OS에서 처리됩니다. (Chrome 8/Win XP를 사용하여) 스타일을 지정할 수 없습니다. 스타일이 적용된 select 요소를 사용해야한다고 생각되면 JavaScript와 함께 일반 html 요소 (예 : ol 또는 ul)를 사용해야합니다.
아이디어를 데모로 결합하여 for another question을 얻었습니다.이 방법은 달성 방법을 보여줍니다. JS Fiddle demo.
일반적으로 input 요소는 :focus 의사 요소 규칙을 사용하여 스타일을 지정하지만 요소에 포커스가 있음을 나타 내기 위해 '그림자'가 무엇을 의미하는지 확신 할 수 없습니다. 이 키보드/비 마우스 입력 장치와 탐색 사람들을 위해 양식의 접근성을 감소 않지만
select:focus {
outline: 0 none transparent;
}
:이은으로 개정 될 수 있습니다. 이상적으로는 사이트 디자인에 맞는 outline을 정의하는 것이 좋습니다.