问题标签 [inline-styles]

我需要修复一个为 TD 设置了默认样式的网站：

但是，使用 CMS 编辑器的客户端想要粘贴他们在 Dreamweaver 中创建的一些 HTML，以将一些 tds 的背景设置为一堆不同的颜色，例如：

（这是一个巨大的丑陋的dreamweaver生成的html的一小块，他们放在CMS中，很多tds有很多颜色）

但是样式表中设置的样式使所有背景变为灰色。

我想知道是否有一种方法可以“撤消”#cmsContent table td 中设置的默认样式，并让 td 的 bgColor 显示出来。我希望我可以将该表包装在一个带有类的 div 中，该类将撤消 #d7d7d9 背景颜色并让 bgcolor 显示出来。

然后在我的样式表中

有可能做这样的事情吗？请记住，clients 表中的每个 TD 都是不同的颜色，所以我不能只将覆盖设置为某种特定颜色。

除了重写dreamweaver html 让他们在tds 上使用style="" 而不是bgcolor="" 之外的任何想法？

我正在尝试在一个网站上修改 CometChat 的颜色，由于有一个未修改的 CometChat，该网站将保持匿名。我只想更改颜色，但由于不想为单个页面安装单个扩展，我更喜欢使用 Greasemonkey 而不是用户样式扩展。

我已将背景颜色更改为黑色，这很好，直到我将默认文本颜色（黑色）修改为白色。
系统似乎根据 Cookie 中的颜色设置文本样式，但它在跨度上使用内联样式。

我不知道如何只修改“颜色：#000000”的内联样式（不，它们没有附加的“;”）而不更改所有其他颜色，并从聊天中删除一个功能。

我试过：

• 使用 jQuery.attr查找值，然后应用具有!important颜色的类。
• 用于.attr直接更改颜色。

我还尝试span[style="color:#000000"]了其他一些方法，到目前为止没有任何效果。

我注意到的一件事是，在尝试alert()查看它是否正常工作时（在某些尝试期间.each），它不会创建警报。我能想到的唯一原因是文档深处有几个Div。（html > body > div#container > div#currentroom > div#currentroom_left > div#currentroom_convo > div#currentroom_convotext > div > div.cometchat_chatboxmessage > span.cometchat_chatboxmessagecontent > span（我想编辑的那个））

我在元素中定义了一些内联样式

然后用javascript我想设置一个样式。

输出变为：

测试http://jsfiddle.net/P7eBN/

浏览器删除了我不希望这样做的 -ms-grid-row 属性，因为我正在编写一个使用 -ms-grid-row 属性读取内联样式的插件，因此需要以某种方式保留 -ms-grid-row 。使用 jQuery 时也是如此，例如。$(box).height(100)

我怎样才能以最好的方式允许用户通过 style.height 设置高度，并且之后仍然能够以某种方式读取 -ms-grid-row 属性？

我将文本包装在由 Javascript 生成的 SPAN 中，并且在生成时包含内联样式。所以像：

但是，通常我希望所有文本都是一种颜色，并且只有在悬停时才能看到内联定义的特殊颜色。问题当然是，为了覆盖非悬停样式的内联样式，我必须包含!important声明。然后，当我定义:hover样式时，我无能为力。

有什么我不知道的选择吗？还是有更好的方法来实现这一目标？

我无法运行 Javascript onmouseover 来添加内联样式，然后删除 onmouseout。以防万一有人想建议。

编辑：

我确实想到了一个疯狂的解决方案：在父 SPAN 中嵌入所有文本 SPAN，给父母内联样式，通过重要标志强制孩子成为统一颜色，然后在悬停时强制孩子inherit离开父母。 ...... 那会起作用的，对吧？还有更优雅的吗？

我想改变表格的背景颜色以增加可读性。谷歌搜索了一下后，我找到了我需要的代码。

我的解决方案中的问题是，我无法访问 head 标签，我想用内联样式 CSS 来实现它，但它不起作用。

想法？

我正在尝试使用响应式 SVG 文件，并且真的想独立于 HTML 页面选择合适的图像。

我想要一个设置，我可以在其中将 SVG 传递给img标签，而无需任何进一步的依赖。然后在返回之前渲染 SVG 以便显示。

据我所知，如果我将样式标签放入 SVG，那么它会在页面加载后进行评估，并且只能访问页面的 DOM 元素，而不是封装的“in-SVG-only”元素。在加载页面之前评估样式的唯一方法是将 CSS 放入整个svg标签的样式属性中。并且在那里进行媒体查询会很棒。

你能理解这个吗？有可能吗？

我需要一些帮助来编写一个正则表达式，如果它具有内联样式，它可以找到一个 span 标签。

到目前为止，我已经得到了 ] style=[\"'][^\"'] [\"']*|/)?> ，它确实找到了一个具有内联样式的跨度标签。它只有在存在时才能检测到跨度标签其中的内联样式，但不是匹配的结束跨度标签请查看屏幕截图，其中显示了它在示例文本中检测到的所有内容

正如您在屏幕截图中看到的，它检测到的第一件事是我不想要的“”。我只想在跨度标记及其相应的结束跨度标记中存在内联样式时工作。

有人可以帮我做些什么改变才能得到我想要的吗？

这里的想法是我试图只在标签中存在内联样式时才删除标签，但如果有一个带有类的 span 标签，那就没问题了。

我有一个应用程序，用户将在其中将大量（小尺寸，每个5 到 20kb）图像“上传”到 HTML 页面，并将它们拖放到页面上的不同位置（使用 jQuery）。我可以选择将它们作为单独的文件或作为精灵输入图像。我想知道在性能和网络标准方面什么是更好的选择，考虑到文件大小和以下声明：在这种情况下，用户体验并不重要（必须一个一个地输入文件）

两者任一

1. 许多（超过 200 个）内联样式标签background-position: abpx abpx;和 1 个精灵。
   --> 对网络标准不利，对页面速度有利
2. 许多图像（超过 200 个）
   --> 对 web 标准有利，对页面速度不利

这是我试图破解的一个晦涩难懂的坚果，甚至试图把它变成一个问题都很困难，所以最好我展示我拥有什么以及我想要得到什么：

我正在尝试设计一种算法将其转换为：

这当然是一个简化的示例，但目标是采用一系列具有各种内联样式的顺序跨度，并转换为显示相同的更简单结果。我在这上面花了几天时间，并且非常接近，但总是发现它破裂的情况。我不需要它来处理所有样式，但需要字体粗细、字体样式、颜色、字体大小和字体系列。我知道这不太可能，但如果有人已经做过这样的事情，我很想看看它如何为我拯救一个痛苦的世界。

我已经创建了一个函数来返回一个具有 2 个元素的常见样式的对象，例如：

cn 和 c 是具有内联样式的 span 元素，而 cs 是包含常见样式的对象。此函数的示例返回值可能是：

每个元素中都存在两种样式。因此，欢迎任何建议的答案假设使用此类功能。

更新：以上只是一个例子。样式的组合是任意的，顺序输入跨度的数量可能有数百个。html 将被发送到服务器，我正在尝试减少数据量。

我正在创建一个 HTML 电子邮件并通过 Outlook 发送它来测试它。但是，在 Gmail 或 Yahoo! 中查看时 邮件内联样式正在从电子邮件中删除。如果没有display:block样式，则图像之间会出现间隙。

代码验证没有错误。

有没有人有什么建议？