javascript - 禁用 JS 时隐藏内容的样式

Question

我有一个网站，通常有一个可见的按钮。如果 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>

这没有用。尽管<style>标签包裹在 <noscript> 中标记它仍然被读取并隐藏按钮，即使启用了 JS。

如何编写样式以便 <style>除非禁用 JS，否则不会读取标签？

注意:我使用的是 HTML 5。

Answer 1

这不是替代解决方案吗？

<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>