【问题标题】:How to edit the element.style css?如何编辑 element.style css?
【发布时间】:2011-07-10 23:03:55
【问题描述】:

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

但是,问题是,我需要编辑宽度。 于是我输入了css文件,用firebug检查验证后,

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

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

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

感谢任何帮助。

【问题讨论】:

  • element 本身在 CSS 中不存在。您可以将该类命名为 .element-style 并将其添加到您要修改的 HTML 元素中,这必须有效。或者,您可以将其命名为 div.style,这只会影响其类属性中具有类 style 的 div。

标签: jquery html css dom popup


【解决方案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 });

【讨论】:

  • 我遵循了这个blog.stevehorn.cc/2009/06/… 教程,我应该如何覆盖 element.style
  • 再一次,你的问题不是 overriding 部分,而是如何使用 jQuery UI Dialog
  • 可能是真的,但我使用了以下 css .ui-dialog{width: 550px !important;} .ui-widget{width: 550px !important;} .ui-widget-content{width: 550px !important ;} .ui-draggable{width: 550px !important;} .ui-resizable{width: 550px !important;} 并且成功了
  • 您需要停止破解开箱即用的东西,并学习如何使用它...如果今天有效...明天,当您完成所有设置时,或者在 6 个月内您需要进行编辑并且您会更好地了解内容,您将很难找到该 hack!你会花很多时间想知道什么是错的!想想未来,从一开始就做正确的事!
【解决方案2】:

您需要清除 &lt;div&gt; 元素本身的宽度。它被标记为重要,因此您无法覆盖它。

【讨论】:

    【解决方案3】:

    element.style 不是有效的 CSS 选择器。您必须使用它的 class 或 id 来定位元素(如果有的话),否则您需要使用遍历来定位 CSS 或 jQuery 中的元素。

    【讨论】:

      【解决方案4】:

      这应该可行。

      div [style^= 是 Div 的“元素样式”,您可以在其中修改任何 CSS 元素。

      例如:如果实际的“元素样式”宽度为 300 像素。

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

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2020-11-02
        • 1970-01-01
        • 2013-04-09
        • 2022-01-21
        • 2016-06-23
        • 1970-01-01
        • 1970-01-01
        • 2015-04-03
        相关资源
        最近更新 更多