【问题标题】:Can the hidden global attribute be changed with CSS?可以用 CSS 更改隐藏的全局属性吗?
【发布时间】:2018-04-20 07:44:50
【问题描述】:

如果我写:

<div hidden>blah blah blah</div>

然后<div> 被隐藏。我可以仅使用 CSS 使其可见吗?或者是否有其他方法可以仅使用可以通过 CSS 撤消的 HTML 来隐藏 <div>

【问题讨论】:

  • 当然还有其他的隐藏方式,使用隐藏属性。现在不是真正要走的路,而是选择:display: none / display: block visibility: hidden / visibility: visible,纯CSS
  • @VXp 我不想使用 CSS 隐藏它的原因是我的目标是关闭 CSS 的情况。有没有更好、更现代的方法来做到这一点,而无需求助于 JavaScript?
  • @VXp 用户可以在他们的浏览器中关闭 CSS,然后我猜内联样式是不行的。此外,内联样式优先于我可以添加的任何样式表,因此再次显示 div 的唯一方法是通过 JavaScript 编辑 style 属性。我不想那样做。如果没有更好的方法,那么您在下面提出的解决方案应该可以完美运行。
  • 不,没有,真的,但你不必担心或考虑到用户会关闭 CSS,通常是 JS。
  • @VXp 好的。这更多是出于好奇,而不是任何实际相关性。但这是一个小编辑,它会让我很高兴,所以我不妨把它包括在内:-)

标签: html css show-hide


【解决方案1】:

您可以使用与 none 不同的任何 display 属性 来做到这一点:

div {
  display: block;
}
<div hidden>blah blah blah</div>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-10-30
    • 1970-01-01
    • 2021-08-04
    • 1970-01-01
    • 2018-10-07
    • 2011-08-05
    • 2013-03-09
    • 1970-01-01
    相关资源
    最近更新 更多