Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
无法覆盖!桌面浏览器上javascript的重要样式_Javascript_Html_Css - Fatal编程技术网

无法覆盖!桌面浏览器上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”,然后再进行编辑以获得更好的解决方案