легкий диалог плагин, который не требует CSS

Question

Я ищу легкий диалог плагин, который не требует CSS.Мне нужно это для usercript, что означает, что я не могу включить файл css

Есть идеи?

Answer 1

Вы можете динамически внедрить файл css из удаленного домена, что, например, делает disqus.

var link = document.createElement('link')
link.rel = 'stylesheet'
link.href = 'http://yourhost.com/your.css'

Вы должны сделать так, чтобы у вашего css был низкий шанс столкновения с вашим пользователем.стили сайта, ограничивая стили с помощью идентификаторов или имен классов.

Answer 2

Вы можете просто установить innerHTML тега стиля, созданного с помощью javascript. Таким образом вы получаете встроенную таблицу стилей.

* 1003 Е.Г. *

var styleText = "body { background-color: red } div { color: lime }";
var styleBlock = document.createElement("style");
styleBlock.innerHTML = styleText;
document.head.appendChild(styleBlock);

Другая идея заключается в использовании dataURI файла css:

1008 * Е.Г. *

var linkEl = document.createElement("link");
linkEl.href = "data:text/css;base64,Ym9keSB7IGJhY2tncm91bmQtY29sb3I6YmxhY2sgfQo=";
linkEl.rel = "stylesheet";
linkEl.type = "text/css";
document.head.appendChild(linkEl);