CSS를 사용하여 선택 메뉴에서 옵션을 숨기고 DOM 존재를 유지하는 방법은 무엇입니까?

에서 숨기기 CSS를 사용한 메뉴

궁금한 사람들은 호기심 많은 난제에 직면했습니다:

내의 요소 메뉴는 Chrome에서는 어려운 것처럼 보이지만 Firefox에서는 쉽게 처리됩니다. 이 문제는 검색 기준에 따라 특정 <옵션>을 숨겨야 할 때 발생합니다.

Chrome에서 메뉴를 클릭하면 HTML5에서 사용할 수 있는 솔루션이 숨겨진 속성입니다. 요소는 DOM에서의 존재를 유지하면서 보기에서 숨겨집니다. 이 방법은 Internet Explorer 11 이전 버전에서는 지원되지 않습니다.

제한된 시나리오의 경우 숨김 및 비활성화 속성을 함께 설정하면 대체 접근 방식을 제공할 수 있습니다. 이렇게 하면 의미상 잘못된 구성이나 요소를 추가/제거할 필요가 없습니다.

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

위 내용은 CSS를 사용하여 선택 메뉴에서 옵션을 숨기고 DOM 존재를 유지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

html5 firefox css chrome for while select Attribute dom this issue

성명：

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

이전 기사：사용자가 저장되지 않은 변경 사항이 있는 웹 페이지를 떠나는 것을 방지하려면 어떻게 해야 합니까?다음 기사：사용자가 저장되지 않은 변경 사항이 있는 웹 페이지를 떠나는 것을 방지하려면 어떻게 해야 합니까?

관련 기사

더보기

• Bootstrap 목록 그룹 구성 요소에 대한 심층 분석
• JavaScript 함수 커링에 대한 자세한 설명
• JS 비밀번호 생성 및 강도 감지의 전체 예(데모 소스 코드 다운로드 포함)
• Angularjs는 WeChat UI(weui)를 통합합니다.
• JavaScript를 사용하여 중국어 번체와 중국어 간체 간을 빠르게 전환하는 방법과 중국어 간체와 중국어 번체 간 전환을 지원하는 웹사이트의 요령_javascript 기술

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

회사 소개부인 성명Sitemap

© php.cn All rights reserved