如何创建一个可单击的事件,仅使用html和CSS更改外部div的CSS文件中的位置属性?

如何创建一个可单击的事件,仅使用html和CSS更改外部div的CSS文件中的位置属性?,第1张

概述我有一个DIV容器.在里面,我有一个按钮.我希望该按钮用于更改DIV的位置属性.我想点击按钮将整个容器移到左边. 我必须在没有任何脚本的情况下这样做;只有CSS和 HTML. 这可能吗? 也许用buttonclick:active {stuff}? 你可以使用 checkbox hack #move-div { display: none;}#move-div:checked + .mov 我有一个div容器.在里面,我有一个按钮.我希望该按钮用于更改div的位置属性.我想点击按钮将整个容器移到左边.
我必须在没有任何脚本的情况下这样做;只有CSS和 HTML.
这可能吗?
也许用buttonclick:active {stuff}?解决方法 你可以使用 checkbox hack

#move-div {  display: none;}#move-div:checked + .movable {  left: -50px;}.movable {  position: relative;  background-color: #FF0000;  padding: 10px;}.button {  display: inline-block;  padding: 5px;  background-color: #FFF;  border-radius: 5px;  color: #000;  Box-shadow: 3px 3px 5px 3px #AAA;}
<input ID="move-div" type="checkBox"><div >  <label  for="move-div">Move the div</label></div>
@H_301_25@ 总结

以上是内存溢出为你收集整理的如何创建一个可单击的事件,仅使用html和CSS更改外部div的CSS文件中的位置属性?全部内容,希望文章能够帮你解决如何创建一个可单击的事件,仅使用html和CSS更改外部div的CSS文件中的位置属性?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1061332.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存