Question

对这个绝对新手的问题感到抱歉，但我一直在搜索已经发过类似的帖子，但是找不到它。

我的问题是：

我的paragraph text代码中有一个HTML，我想在点击特定Button后自动将其更改为新文字。

这可以仅使用CSS，而不是javascript吗？

由于一些用户阻止了javascript，这就是为什么我一直在寻找解决方法......

非常感谢。

Answer 1

无法通过CSS完成您必须为点击事件添加脚本。

Answer 2

我知道这不是你想要的，但它可以让你对它有所了解，并且你可以做一些改变。（但有条件的和使用css的点击事件肯定是不可能的，你需要javascript）< / p>

如果您可以使用文本点击本身，那么很容易。您只需要一个隐藏的复选框和标签，您将在其中显示文本。点击文本后，您可以只用css：

交换到花药文本

＆＃13;

 #example {
      position: relative;
    }
    #example-checkbox {
      display: none;
    }
    #example-checkbox:checked + #example:after {
      content: "Hide";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: white;
    }

＆＃13;

 <input id="example-checkbox" type="checkbox">
    <label for="example-checkbox" id="example">Show</label>

＆＃13;

Reference请参阅css only part。

希望它会对你有所帮助。

Answer 3

实际上是@Vaidya＆amp; @Preet只能通过css：

https://css-tricks.com/swapping-out-text-five-different-ways/

@fana你需要使用plus selector或tilde selector来使更改影响下面的div而不是本身，但除此之外你还好。

我可以看到在stackoverflow社区中强烈建议不要使用css来替换内容。但是，除了代码清洁之外，我还没有找到另一个原因。

我真的认为，未来几年CSS / SASS的真正潜力将会解体，人们将不再认为CSS / SASS严格排除了程序/动态。

使用条件css更改html文本但不使用js

3 个答案: