버튼 활성화로 인해 호버 효과가 오작동함
P粉548512637
P粉548512637 2024-04-01 21:51:26
0
1
572

웹 개발의 기본(HTML, CSS, JS)을 배우려고 노력했기 때문에 실제로 작동하는 Apple 계산기를 만들어 보았습니다. 작은 버그를 발견하기 전까지는 모든 것이 잘 작동했습니다.

처음에는 액션 버튼의 호버 효과가 훌륭하게 작동했는데, 호버를 할수록 색상이 밝아졌습니다. 버튼을 누르면 버튼이 더 밝아지고 사용자가 이전 번호로 작업을 수행하기 위해 다른 번호(또는 "같음" 버튼)를 입력할 때까지 그 상태를 유지합니다. 그 후에는 작업 버튼이 일반 색상으로 변경됩니다. 그때까지는 모든 것이 괜찮았지만 사용자가 버튼을 누르고 조치를 취한 후에는 호버 효과가 더 이상 작동하지 않고 마우스를 그 위에 올려도 색상이 더 이상 변경되지 않는 것으로 나타났습니다. < /p>

내가 작성한 코드는 다음과 같습니다.

으아아아

버튼을 사용한 후에도 호버 효과가 계속 유지될 것으로 예상했습니다. 각 작업 버튼을 한 번 사용한 후에는 호버 효과가 더 이상 적용되지 않습니다. 이 문제는 작업 버튼에서만 발생하며 숫자나 지우기 버튼에서는 발생하지 않습니다

P粉548512637
P粉548512637

모든 응답(1)
P粉808697471

호버 효과가 더 이상 작동하지 않는 이유는

으아아아

이 함수가 실행되면 버튼에 인라인 스타일(filter:none;)이 설정되고 인라인 스타일은 외부 스타일시트(botonesCalculadora.css)보다 우선순위가 높기 때문에 의 스타일을 재정의합니다. 으아아아

버튼Calculator.css

이 문제를 해결하는 방법에는 두 가지가 있습니다.
1 사용등급

으아아아 으아아아 으아아아
2 재설정 기능에서 설정하는 대신 버튼에서 스타일 속성을 제거합니다(

)filter:none; 으아아아

으아아아 으아아아 으아아아
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿