Javascript 禁用JS时隐藏内容的样式

我有一个网站，有一个按钮，通常可见。如果禁用了javascript，那么我想对用户隐藏该按钮。我尝试使用以下代码：

<noscript>
 <style>
   .cart-opt{display:none;}
 </style>
  <br>
 <div class="panel callout radius"> <h5>Please Enable Javascript</h5></div>
</noscript>
<div class="cart-opt opt-btns"> <!-- BUTTONS HERE SHOULD BE SHOWN WITH JS ENABLED--> </div>

.cart opt{display:none；}


请启用Javascript

这不管用。尽管

标记被包装在

标记中，但即使启用了JS，它仍然被读取并隐藏了按钮

如何编写样式，以便在禁用JS之前不读取

标记

---

注意：我使用的是HTML5

您可以使用

包装按钮，或者您可以先隐藏按钮（使用CSS），然后使用JavaScript显示按钮。 在这种情况下，如果没有JavaScript，按钮将不会显示

---

另外，将标题通知（提示用户使用JS的通知）保留在

中，这不是一种替代解决方案吗

<noscript>
 <div class="panel callout radius"> <h5>Please Enable Javascript</h5></div>
 <div style="display:none">
</noscript>

<div class="cart-opt opt-btns"> <!-- BUTTONS HERE --> </div>

<noscript>
  </div>
</noscript>

请启用Javascript

使它们最初按类隐藏

<style>.jscriptenabled{display:none;}</style>

.jscript启用{display:none；}

然后，如果允许使用JavaScript，它们将变得可见

<script>
document.write('<style> .jscriptenabled{display:inherit;} </style>');
</script>`

write（'.jscript启用{display:inherit；}'）；
`

您可以使用InsteadInterest选项包装按钮。我来看看。