很简单，只需在 CSS中将display属性设置为none：

#tinynav1
{
  display:none
}

再次，当你想显示其设置display到block。

visibility: hidden 隐藏元素，但它仍然占用布局中的空间。

display: none从文档中完全删除元素。它不占用任何空间，即使它的 HTML 仍在源代码中。

使用的其他优点display：

display:none意味着有问题的元素根本不会出现在页面上（尽管您仍然可以通过 DOM 与它交互）。其他元素之间不会为它分配空间。
visibility:hidden意味着与 不同display:none，该元素不可见，但在页面上为其分配了空间。

使用display:none;或visibility:hidden;

CSS：

select#tinynav1  { display: none; }

或者如果应该隐藏多个选择，请使用相应的类：

select.tinynav1  { display: none; }

作为内联样式，您也可以这样做（您可以尝试检查器）：

<select id="tinynav1" style="display: none">

您可以根据您的要求使用display:none或visibility:hidden：

#tinynav{display:none;}

或者

 #tinynav{visibility:hidden;}

请参阅以下 URL 以更好地理解display:none和visibility:hidden。

“显示：无”和“可见性：隐藏”之间的区别

如果你想隐藏它并折叠它需要的空间，display: none;如果你想保留空间，请使用visibility: hidden.

<select id="tinynav1" class="tinynav tinynav1">

CSS

.tinynav {
    display: none;
}