如何编辑 element.style css？

Question

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

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

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

但它不起作用。关于如何覆盖 jquery css 的任何想法。

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

任何帮助表示赞赏。

原文由 Haxed 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

原文由 balexandre 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

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

原文由 Fokko Driesprong 发布，翻译遵循 CC BY-SA 2.5 许可协议