Перезаписать автоматически созданный css

Question

Я использую редактор jQuery wysiwyg, который во время выполнения автоматически добавляет код в текстовое поле.

Моя проблема заключается в том, что это вставив встроенный стиль стиль = «ширина: 320px» и мне нужно сними это, как я уже установить стили, чтобы сделать его пойти на 100%

Есть ли вообще удалить или перезаписать этот код с JQuery

Это в основном добавив встроенный стиль к DIV с классом называется WYSIWYG ...

так:

<div class="wysiwyg" style="width:320px"> 

е Дитор У меня такая проблема с называется: jWYSIWYG

Вот демо URL: http://akzhan.github.com/jwysiwyg/help/examples/

Answer 1

Если вы хотите, чтобы переопределить встроенные стили у вас есть два варианта:

Чистый CSS:

.wysiwyg { 
    width: 120px !important; 
} 

JQuery:

$(".wysiwyg").css({width:120}); 

Если вы хотите использовать стили где-то еще можно сделать:

$(".wysiwyg").css({width:"inherit"}); 

Answer 2

Вы можете либо определить новое правило CSS с важным, или использовать JQuery:

$("rule target").width(value); 

Answer 3

Сброс width с помощью JQuery:

$('.wysiwyg').css('width', '100%'); 

Кроме того, вы можете полностью удалить атрибут style:

$('.wysiwyg').removeAttr('style'); 

Answer 4

Это должно работать для вас:

$('.wysiwyg').removeAttr("style"); 

или в качестве альтернативы вы можете установить ширину до 100%

$('.wysiwyg').css("width", "100%"); 

Answer 5

Вы пробовали объявляя свой собственный CSS с:

!important 

например ,

#textarea-id { width: 300px !important; } 

Answer 6

Вы можете удалить ненужные атрибуты на стороне сервера с removeAttribute() DOM-метод, если у вас есть серверный модуль манипулирования DOM.

Или вы можете попробовать создать свою собственную слегка модифицированную версию вашего модуля WYSIWYG JS.