0

要素のすべてのスタイルをインライン スタイルに変換する JavaScript コードがあります。これは、コードを電子メール用にエクスポートできるようにするためであり、電子メールで送信しても壊れないようにするためです。

コードがページに保持されている間、私はいくつかのメール固有のスタイルを追加しようとしています。つまりmso-line-height-rule: exactly; 、私が抱えている問題のためです

ただし、これを使用して設定する.css('mso-line-height-rule', 'exactly')と、機能しません。これは、ブラウザーがそれを有効な CSS スタイルとして認識していないためだとしか思えません。何か案は?

フィドルとコード例:

<article>
    <div></div>
</article>

JS

$('div').css({
    // Works
    'background-color': 'red',

    // Doesn't work
    'mso-inline-height': 'exactly'
});

alert($('article').html());
4

2 に答える 2

0

これを試して:

 $('div').css({
// Works
'background-color': 'red',

// Doesn't work
'mso-inline-height': 'exactly'
});
//Grab any styles that were set with the css method
var style = $('div').attr('style');
//Append the non-standard MS Word bunk
$('div').attr('style', style + 'mso-inline-height:exactly;');
alert($('article').html());

http://jsfiddle.net/HDQpW/1/

大ハンマーを持ってきていますが、うまくいくはずです。

于 2013-10-18T15:46:05.233 に答える
0

CSS セレクターの代わりに属性attr()セレクターを使用すると、差し迫った問題が解決されます。

$("div").attr("style", "background-color: red; mso-inline-height: exactly");
于 2013-10-18T15:48:07.827 に答える