无法覆盖!桌面浏览器上javascript的重要样式
我需要重写无法覆盖!桌面浏览器上javascript的重要样式,javascript,html,css,Javascript,Html,Css,我需要重写显示:无!重要的 对于显示:块与javascript 我正在使用下面的代码,但它只在移动浏览器上起作用 document.getElementById('billing_state_field').style.setProperty("display", "block", "important"); 由于某种原因,谷歌浏览器和火狐浏览器的风格没有改变 这是我试图更改的页面。 (您可能需要将项目添加到购物车中,然后单击“购买
显示:无!重要的代码>
对于显示:块代码>与javascript
我正在使用下面的代码,但它只在移动浏览器上起作用
document.getElementById('billing_state_field').style.setProperty("display", "block", "important");
由于某种原因,谷歌浏览器和火狐浏览器的风格没有改变
这是我试图更改的页面。
(您可能需要将项目添加到购物车中,然后单击“购买”进入页面)
思想该代码将使地址字段仅在用户触摸邮政编码输入后显示
要使字段消失,我必须使用display:none!重要的并用JS覆盖
完整的代码在这里
<script>
window.onload = function(){
document.getElementById('billing_postcode').onclick = function(){
//console.log('Hello world');
document.getElementById('billing_address_1_field').style.setProperty("display", "block", "important");
document.getElementById('billing_address_2_field').style.setProperty("display", "block", "important");
document.getElementById('billing_billing_number_field').style.setProperty("display", "block", "important");
document.getElementById('billing_city_field').style.setProperty("display", "block", "important");
document.getElementById('billing_state_field').style.setProperty("display", "block", "important");
}
}
</script>
window.onload=函数(){
document.getElementById('billing_postcode')。onclick=function(){
//log('helloworld');
document.getElementById('billing_address_1_field').style.setProperty(“display”、“block”、“important”);
document.getElementById('billing_address_2_field').style.setProperty(“display”、“block”、“important”);
document.getElementById('billing_billing_number_field').style.setProperty(“display”、“block”、“important”);
document.getElementById('billing_city_field').style.setProperty(“display”、“block”、“important”);
document.getElementById('billing_state_field').style.setProperty(“display”、“block”、“important”);
}
}
您需要删除当前的!重要信息
规则或使用添加新的css规则!重要信息
在这两种情况下,您都需要访问document.stylesheets
,使用#billing_state_字段
选择器查找规则集,然后对其进行更改
或者,您可以这样更改元素的id
:
document.getElementById('billing_state_field')。id=''
因此,#账单(状态)字段的规则
将不适用于它。如果是内联的!重要信息:正如您所说的,您可以硬编码如下解决方案:
var e=document.createElement('style');
e、 innerHTML='#账单(状态)字段{display:block!important;}';
文件.正文.附件(e)代码>
#账单(状态)字段{
显示:无;
}
账单\状态\字段
没有足够的信息来解决您的问题。请提供问题的最小可复制示例:!重要信息:始终具有更高的优先级,因此您将无法覆盖它。您正在向元素添加一个类,但类选择器不太具体,因此即使两者都有,也将应用id选择器中的规则!重要
属性。您需要先更改或删除“id”,然后再进行编辑以获得更好的解决方案