ページトップへ

直書きされたstyleを無効化する方法

このページをレスポンシブ対応して欲しいんだけど、、、
とか言われてソースを見てみたら、下記のようにhtmlソース内にstyleを直書きされていた、、、
という経験ありませんか?

もしくは、更新作業を別の人に任せてたら、いつのまにかstyle直書きがデフォルトになってたとか。



こういう書き方する人はソースを触らないで!と思うのですが、実際にはそうもいかず。
さらにレスポンシブ対応させるにはCSSを構築しながらHTML側のソースも整理していかないといけない。
でもそんな面倒くさいことできない、、、、という方に是非。

直書きされたスタイルを無効化するjQueryのコードです。
どうぞ。

やってることはシンプルですね。
body内のすべての要素の「style」属性を消すという処理です。

さらに「width」や「height」も無効化してやりたいという場合は、下記も追加してください。

プラグイン化しました。


2015年03月27日

お問い合わせ

お名前 (必須)

メールアドレス (必須)

メッセージ本文(必須)

自動返信メールが送信されます。
返信メールが届いていない場合は正しく送信できていない可能性がございます。