如何修改element.style css？

Question

您好我正在使用jquery模式弹出窗口。见下图。

然而，问题是，我需要编辑宽度。 所以我在用firebug检查和验证后输入了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

试试这个，对我有用。

例如，实际宽度为300px。

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

这会强制将元素样式覆盖为700px宽度。