2012-04-02 20 views
0

スタイル要素の要素を選択したいと思います。IE7のCSS属性セレクタ - スタイル属性の部分文字列が含まれています

img[style*='align: left'] 
img[style*='align:left'] 
img[style*='eft'] 

をIE7を除くすべてのブラウザでこれらのすべての作業罰金:私が試した

<img src="my_image.png" style="align: left;" /> 

セレクタ:たとえば、私の現在のWYSIWYGエディタはスタイルがそうのような画像を、整列する属性を置きます。

+0

を使用している私は答えを掲載していたが、その後行って、テストし、私は期待どおりに動作しませんでした。だから私はそれを削除した。私はこの問題の一部が '* ='がCSS3セレクタであることを知っています。私は 'img [style〜= 'align:left']'はうまくいくと思っていましたが、フィドルでテストしたときは動作しませんでした。 – ScottS

答えて

2

私はそれは不可能だと思います。Internet Explorer 7ではsitepoint

に従って:style属性は、属性 セレクタで使用することはできません。

ので、基本的にIE < 7にその要素をターゲットとする唯一の方法は、おそらくjavascriptの

+0

あなたは私の前に 'sytle'に関するメモを見つけました:-)。 [あなたが言及するように(JavaScriptのソリューションを示す別のスタックのオーバーフローがある)(http://stackoverflow.com/questions/3260210/select-element-by-css-style-all-with-given-style/3260325#3260325)私はここで私の答えで言及した)。 – ScottS

0

Doing a bit of research online yieldedstyle要素のIE7が(CSS2でも)属性選択を認識しないという事実。

WYSIWYGを構成して、整列されている要素にclassを適用する方法がある場合は、IE7は属性セレクタとしてimg[class~=yourClassName]を認識します。しかし、それはクラス自体を使って自分のスタイルを適用することになるでしょう:img.yourClassNameと属性選択全体をスキップします。

use javascript

関連する問題