Question

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

<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>

但我不明白怎么做，因为从以下网址加载了js文件：

https://app.book.com/js/widgets/loader.js

此文件包含一个负责加载不同样式的函数。如果我没有＆＃34;访问＆＃34;如何修改样式呢？编辑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

Answer 1

您可以随时调整其特定规则，如果您只想更改段落的行高或标题的颜色，则无需重新创建整个CSS文件。如果小部件实际上在您的页面中并且不是iframe，您可以创建自己的文件来覆盖您选择的元素（如果您没有选择，则使用更强的选择器和!important）。更强的选择器通常意味着当前选择器加:not(#a)，这会加强选择器并且无害。

确保Bookitit不提供覆盖某些样式的本机方式。有些小部件没有这个选项，因为它会破坏＆＃39;它的身份，它所依据的愿景。

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

1 个答案: