問題タブ [inline-styles]

TD 用にデフォルトのスタイルが設定されているサイトを修正する必要があります。

ただし、クライアントは、CMS エディターを使用して、dreamweaver で作成した HTML を貼り付けて、いくつかの tds の背景をさまざまな色に設定したいと考えています。例:

(これは、Dreamweaver によって生成された巨大で醜い html を CMS に配置した小さなチャックです。多くの色の tds がたくさんあります)

ただし、スタイル シートで設定されたスタイルは、すべての背景をグレーにしています。

#cmsContent テーブル td に設定されているデフォルトのスタイルを「元に戻す」方法があり、td の bgColor が表示されるようにする方法があるかどうか疑問に思っています。#d7d7d9 背景色を元に戻し、bgcolor を表示させるクラスを使用して、そのテーブルを div でラップできることを願っています。

そして私のスタイルシートで

そのようなことは可能ですか？クライアント テーブル内の各 TD は異なる色であることを覚えておいてください。そのため、オーバーライドを特定の色に設定することはできません。

tds で bgcolor="" の代わりに style="" を使用するように Dreamweaver html を書き直す以外のアイデアはありますか?

変更されていない CometChat があるために匿名のままになる Web サイトで、CometChat の色を変更しようとしています。色を変更したいだけですが、1 つのページに 1 つの拡張機能をインストールしたくないため、User Styling 拡張機能よりも Greasemonkey を使用することを好みます。

背景色を黒に変更しましたが、デフォルトのテキスト色 (黒) を白に変更するまでは問題ありません。
システムは、Cookie の色に基づいてテキストのスタイルを設定しているように見えますが、スパンでインライン スタイルを使用しています。

"color:#000000" であるインライン スタイルのみを変更する方法がわかりません (いいえ、追加の ";" はありません)。他のすべての色を変更せずに、チャットから機能を削除します。

私は試した：

• jQuery を使用して値を見つけ、色.attrを持つクラスを適用します。!important
• .attr色を直接変更するために使用します。

私も他のいくつかの方法を試しspan[style="color:#000000"]ましたが、これまでのところ何も機能していません。

私が気づいたことの 1 つは、それが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 プロパティを削除しました。jQueryを使用する場合も同じです。$(box).height(100)

ユーザーがstyle.heightで高さを設定できるようにするにはどうすればよいですか?

Javascript によって生成された SPAN でラップされたテキストがあり、生成時にインライン スタイルが含まれています。次のようなものです：

ただし、通常はすべてのテキストを 1 つの色にしたいので、ホバー時にのみインラインで定義された特別な色が表示されるようにします。もちろん問題は、非ホバー スタイルのインライン スタイルをオーバーライドするために、!important宣言を含める必要があることです。その後、スタイリングを定義するとき、私:hoverにできることは何もありません。

私が知らないオプションはありますか？または、これを達成するためのより良い方法はありますか?

Javascript onmouseover を実行してインライン スタイルを追加してから、onmouseout を削除することはできません。誰かがそれを提案したい場合に備えて。

編集：

すべてのテキスト SPAN を親 SPAN に埋め込み、親にインライン スタイルを適用し、重要なフラグを介して子を均一な色に強制し、ホバー時に子をinherit親から強制的に離します。 ……それでいいじゃないですか。もっとエレガントなものはありますか？

表の背景色を交互に変えて読みやすくしたいと考えています。少しグーグルで調べた後、必要なコードを見つけました。

私のソリューションの問題は、ヘッドタグにアクセスできず、これをインラインスタイルの CSS で実装したいのですが、うまくいきません。

アイデア？

私はレスポンシブ SVG ファイルを試していて、HTML ページから独立して適切な画像を選択したいと思っています。

それ以上の依存関係なしに、SVG をimgタグに渡すことができるセットアップが必要です。次に、表示するために返される前に SVG をレンダリングします。

私が気付いた限りでは、スタイルタグを SVG に配置すると、ページが読み込まれた後に評価され、カプセル化された「SVG 内のみ」の要素ではなく、ページの DOM 要素にのみアクセスできます。ページをロードする前にスタイルを評価する唯一の方法は、CSS をsvgタグ全体の style 属性に入れることです。そこにメディアクエリがあれば最高です。

これはあなたにとって意味がありますか？それはまったく可能ですか？

インライン スタイルが含まれている場合に span タグを見つけることができる正規表現を作成するには、少し助けが必要です。

これまでのところ、インラインスタイルのスパンタグを見つける] style=[\"'][^\"'] [\"']*|/)?> を取得しました。スパンタグがある場合にのみ検出できますインライン スタイルが含まれていますが、一致する終了スパン タグは含まれていません サンプル テキストで検出されたすべての内容を示すスクリーンショットを参照してください

スクリーンショットを見るとわかるように、最初に検出されるのは "" です。これは望ましくありません。span タグとそれに対応する end span タグにインライン スタイルが存在する場合にのみ機能させたいと考えています。

誰かが私が望むものを得るために私が行う必要がある変更を手伝ってもらえますか?

ここでの考え方は、インライン スタイルが存在する場合にのみタグを削除しようとしていますが、クラスを持つスパン タグがあれば問題ありません。

それは私が解こうとしているあいまいなナットであり、それを質問に入れようとすることさえ難しいので、私が持っているものと取得したいものを示すのが最善です:

これを次のように変換するアルゴリズムを考案しようとしています。

もちろん、これは単純化された例ですが、目標は、さまざまなインライン スタイルを持つ一連の連続したスパンを取得し、同じように表示されるより単純な結果に変換することです。私はこれに何日も費やし、興味をそそるほど近づいてきましたが、壊れたケースを常に見つけました. すべてのスタイルで動作する必要はありませんが、font-weight、font-style、color、font-size、および font-family が必要です。可能性が低いことはわかっていますが、誰かがすでにこのようなことを行っている場合、それがどのように私を苦痛の世界から救ってくれるかを知りたいです.

たとえば、2 つの要素の一般的なスタイルのオブジェクトを返す関数を作成しました。

cn と c はインライン スタイルを持つ span 要素で、cs は一般的なスタイルを含むオブジェクトです。この関数からの戻り値の例は次のとおりです。

両方のスタイルが各要素に存在します。したがって、提案された回答は、そのような機能の使用を想定して歓迎されます。

更新: 上記は単なる例です。スタイルの組み合わせは任意であり、連続する入力スパンの数は数百に及ぶ可能性があります。HTMLはサーバーに送信され、データ量を削減しようとしています。

HTML メールを作成し、Outlook 経由で送信してテストしています。ただし、Gmail や Yahoo! インライン スタイルがメールから取り除かれていることをメールします。スタイルがないdisplay:blockと、画像の間に隙間ができて表示されます。

コードはエラーなしで検証されました。

誰か提案はありますか？