Chrome에서 CSS를 사용하여 메뉴의 요소를 숨길 수 없는 이유는 무엇입니까?

<옵션>을 숨기는 방법 내에서 선택적으로 요소를 선택합니다. CSS를 사용하는 메뉴: 수수께끼

질문:

몇 가지 당혹스러운 이유로 Chrome이 <옵션>

메뉴가 있지만 Firefox에는 그런 불만이 없는 것 같습니다. 나는 특정 <옵션> 특정 검색 매개변수를 충족하는 요소입니다. 그러나 Chrome 디버깅 도구는 내 JavaScript가 이러한 요소의 표시 스타일을 없음으로 설정하고 있음을 정확하게 보여주지만 메뉴가 활성화됩니다. 이게 무슨 마법이냐? 이러한 <옵션> 표시를 ​​방지하려면 어떻게 해야 합니까? 메뉴가 확장될 때 요소를 사용하시겠습니까?

답변:

<옵션> 검색 기준과 일치하고 메뉴 활성화 시 요소가 다시 나타나지 않도록 하는 요소인 경우 HTML5에서 지원되는 'hidden' 속성을 사용하는 것이 좋습니다.

<option hidden>Hidden option</option>

이 속성은 특정 옵션의 가시성을 억제하는 안정적인 수단을 제공합니다. . 11 이전의 Internet Explorer 버전은 이 속성을 지원하지 않는다는 점에 유의하는 것이 중요합니다. 제한된 수의

요소를 제거하고 다시 삽입하거나 의미상 모호한 접근 방식을 사용하는 대신 'disabled' 속성과 함께 'hidden' 속성을 전략적으로 활용하는 것이 유리할 수 있습니다.

<select>  
  <option>Option1</option>
  <option>Option2</option>
  <option hidden>Hidden Option</option>
</select>

위 내용은 Chrome에서 CSS를 사용하여 메뉴의 요소를 숨길 수 없는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

JavaScript html5 firefox css chrome if for while select using Attribute number this display

성명：

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

이전 기사：HTML``및``배경을 효과적으로 사용하는 방법은 무엇입니까?다음 기사：HTML``및``배경을 효과적으로 사용하는 방법은 무엇입니까?

관련 기사

더보기

• CSS 작성 시 Border에 대해 주의해야 할 사항 요약
• 다중 스타일 선택 및 스타일 실시간 전환 구현 방법_경험 교환
• Marquee의 상세한 사용 분석
• CSS标题线（删除线贯穿线效果）实现
• CSS3中优雅降级和渐进增强的区别

공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！

회사 소개부인 성명Sitemap

© php.cn All rights reserved