Comment puis-je masquer des éléments spécifiques dans un menu à l'aide de CSS ?

Hiding Elements in Menus Using CSS

Question:

How can I hide specific

elements in a menu using CSS in a way that prevents them from being displayed when the menu is clicked, even in browsers like Chrome that do not fully support display: none for this purpose?

Answer:

Instead of relying on display: none, consider utilizing the hidden attribute in HTML5. Here's an example:

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

Explanation:

• The hidden attribute is supported by modern browsers, including Chrome and Firefox.
• Unlike display: none, hidden hides the element from both the screen and the options menu when it is clicked.
• This approach is semantically correct and can be combined with the disabled attribute to further restrict interactivity with the hidden options.

Note:

• Internet Explorer versions below 11 do not support the hidden attribute.
• For a small number of hidden options, adding the hidden attribute alone may be more efficient than using other methods, such as removing and re-adding elements or employing non-standard techniques.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!