HOVER의 3 가지 유형의 입력에 속성을 적용하는 방법은 무엇입니까?

Question

inputs (text, password 및 number)의 3 가지 유형을 hover에 작성하려고합니다. 나는이 시도 :

input[type=text], input[type=password], input[type=number]:HOVER { 
    background-color: red; 
} 

을하지만 그것은 단지 number 입력 HOVER에 해당 속성을 가지고 있고, text 및 password을 위해, 그것은 정규 상태로 적용한다.

동일한 속성을 가진 input 유형마다 CSS 블록을 3 개 만들고 싶지 않습니다. HOVER에있는 세 가지 입력 유형 모두에 background-color: red; (및 기타 가능한 속성)을 적용하려면 어떻게해야합니까?

Answer 1

는 각을 선언해야 :

input[type=text]:hover, input[type=password]:hover, input[type=number]:hover { 
    background-color: red; 
} 

FIDDLE