Question

我正在使用Django，我想将一些CSS应用于单个文本框。我使用enjoycss.com网站创建了一些css。然后，我将此CSS添加到Django base.css的末尾：

.disabledInput {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 10px 20px;
  border: 6px solid #36c40f;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal normal bold 15px/normal Georgia, serif;
  color: rgba(0,142,198,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(252,252,252,1);
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

我有一个经过验证的javascript函数，使用的是类似这样的东西，与样式表无关：

$(this).css("background", green);

但是，如果我注释掉并尝试使用它，它将不起作用：

$(this).addClass("disabledInput");

为什么？

此外，我还在自己的名为disables.css的css文件中单独创建了相同的.disabledInput。然后，我尝试将css文件添加到文本框属性中，如下所示：

$(this).loadCSS('admin/css/disabled.css');

LoadCSS函数如下所示：

$.fn.loadCSS = function(url) {
    if (!$('link[href="' + url + '"]').length)
        $(this).append('<link rel="stylesheet" type="text/css" href="' + url + '">');

}

为什么不起作用？我在俯视什么？

Answer 1

这是一个缓存文件问题。具体来说：

不起作用：

使用“无效的缓存并重新启动”命令刷新PyCharm中的缓存。
使用Apple Automator脚本刷新Safari和Chrome的缓存

工作：

进入Safari手动清除历史记录。
下载适用于Chrome的Cache Killer

使用jQuery addClass或自定义LoadCSS函数将CSS应用于单个文本框

1 个答案: