Convert internal stylesheet to inline css -


how can convert internal stylesheet inline css of page without using online source. have style defined

<style  id="custstyle" type="text/css">             .column{                 font-size:13px;                 font-family:arial, helvetica, verdana, sans-serif;                 font-weight:normal;                 color:rgb(221, 221, 221);                 font-size:13px;                 font-family:arial, helvetica, verdana, sans-serif;                 font-weight:normal;                 color:rgb(221, 221, 221);             }         </style>  

this sets style

<div id="sidebar-right" class="column">content</div> 

but want convert internal css automatically inline css

select div has column class , remove class column if there apply inline css using jquery.

$(document).ready(function(){ var obj = $(".column"); $(obj).each(function(){     $(this).removeclass("column");//not necessary     $(this).css({"font-size":"13px","font-family":"arial,helvetica, verdana, sans-serif",                       "font-weight":"normal",             "color":"rgb(221, 221, 221)",             "font-weight":"normal"}); }); }); 

working fiddle


Comments

Popular posts from this blog

twig - Using Twigbridge in a Laravel 5.1 Package -

Kivy: Swiping (Carousel & ScreenManager) -

jdbc - Not able to establish database connection in eclipse -