如何编辑element.style CSS？

Question

[嗨，我正在使用jquery模态弹出窗口。参见下图。

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9GUVNmaS5qcGcifQ==” alt =“在此处输入图像描述”>

但是，问题是，我需要编辑宽度。因此，在使用萤火虫进行检查和验证之后，我输入了css文件，

element.style 
{
    width: 700px !important;
}

但是它不起作用。关于如何覆盖jQuery CSS的想法。

有人说需要使用JavaScript编辑CSS，制作对象和东西。但是我对此不太确定。

感谢您的任何帮助。

Answer 1

例如，Firebug中的[element.style是应用于元素的样式，例如]

<span style="padding: 10px;">My text</span>

element.style将有

element.style 
{
    padding: 10px;
}

重写，最好的方法是使用style属性，附加一个class名称并编写所需的CSS。

---

关于模态问题，如果您正在使用jQuery UI Dialog组件，为什么不以编程方式设置宽度，例如：

$( ".selector" ).dialog({ width: 460, maxWidth: 460, minWidth: 460 });

Answer 2

您将需要从<div>元素本身清除宽度。它被标记为重要，因此您无法覆盖它。

Answer 3

element.style不是有效的CSS选择器。您必须使用元素的类或ID（如果有）来定位该元素，否则，您需要使用遍历在CSS或jQuery中定位该元素。

Answer 4

尝试这个，对我有用。

例如，如果实际宽度为300像素。

div [style^="width: 300px"]{
     width:700px !important;}

此强制将元素样式覆盖为700px的宽度。