如何编辑 element.style css？

Question

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

但是，问题是，我需要编辑宽度。 所以我输入了css文件，在用firebug检查和验证后，

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;}

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