我有一个bookmarklet
,最近我使用cleanslate cssCSS
更改了属性,因为使用时第三方网站上的书签设计不一样。
这个 CSS 文件应该重置特定标签内所有标签的所有属性,它会这样做,但是当我需要操作设置时,我不能;
<div class="mainclass">
<div id="login">a</div>
<div id="form">b</div>
<div id="details">c</div>
</div>
我有很多表单,我在特定操作中隐藏和取消隐藏,例如:我显示登录表单,如果用户未登录,我显示详细表单,如果用户登录并且我是否知道历史URL 和其他形式;
因此,如果我将div id details display
属性设置为block
,其余设置为none
,然后尝试将所有属性设置为,none
它不会执行任何操作,但我可以看到运行操作div id form display
block
css
javascript
这个 CSS 应该可以完成这项工作,但是因为我在所有标签属性上都使用了 !important 属性,所以我无法将 JavaScript 新值设置为属性,例如:
document.getElementById("form").style.display = "none";
在这张图片中,我使用了旧的 CSS,使用了重置方法,并且 js 代码运行良好,但是在第三方网站上的设计不一样
实际项目中,所有第三方网站的设计都是一样的,但是js代码不能设置CSS属性