如何在JavaScript中编辑小部件/代码段的样式

我得到了以下代码，我已经将其嵌入到我的网站中，但我需要编辑此代码段的样式并更改标题的颜色

<script type="text/javascript">
var bkt_init_widget = {
    type: "default",
    srvsrc: "https://app.book.com",
    publickey: "somerandomnumbersinhere",
    lang: "es",
    scroll: false,
    services: [],
    agendas: []
};
var oScriptHtmlElement = document.createElement("script");
oScriptHtmlElement.setAttribute("type", "text/javascript");
oScriptHtmlElement.setAttribute("src", bkt_init_widget.srvsrc + "/js/widgets/loader.js?v=" + (new Date().getFullYear()) + (new Date().getMonth()) + (new Date().getDate()) + (new Date()).getHours());
(document.getElementsByTagName("head")[0] || document.documentElement).appendChild(oScriptHtmlElement);
</script>

---

您可以随时调整它的特定规则，如果您只想更改段落的行高或标题的颜色，则无需重新创建整个CSS文件。如果小部件实际上在您的页面中，而不是iframe，您可以创建自己的文件，覆盖您选择的元素（如果您没有选择，则使用更强的选择器和

！important

）。更强的选择器通常意味着当前选择器加上

：not（#a）

，这加强了选择器，并且是无害的

确保BookIt不提供覆盖某些样式的本地方式。有些小部件不具有该选项，因为它会“破坏”它的标识，即它构建时所基于的愿景。

如果我没有“访问”这些css文件的权限，那么如何修改样式。除非创建新代码以创建替代引用样式的新样式，否则不能执行此操作。

function loadCss() {
    var someCss = ['reset.css', 'common.css', 'fields.css',  'default/services.css', 'default/agendas.css', 'default/datetime.css',
        'default/signup.css', 'default/summary.css', 'default/signin.css', 'button/button.css', 'default/creditcardcapture.css', 'default/account.css', 
        'default/changepassword.css', 'default/history.css', 'default/custom.css'];...etc