如何禁用Twenty13 style.css中的css规则?

时间:2014-10-03 作者:mliebelt

我有以下情况:

我实现了一个插件ChessTempoViewer 在Wordpress页面中显示国际象棋游戏style.css 这个主题从主题中删除这些规则的选项是什么?

问题的详细信息

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
}
这将导致棋盘的以下显示。

enter image description here

当我在Chrome中打开页面并检查HTML页面时,我可以取消选择相应的CSS规则,从而获得正确的显示。

enter image description here

取消选择规则

enter image description here

现在显示正确。

但是,我无法在自己的CSS文件中添加允许抑制规则的规则。我试过以下方法,但没有效果。

.ct-black-square
{
    background-color: #88a0a9;
    box-sizing: inherit;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
}

.ct-white-square
{
    background-color: #fdfdfd;
    box-sizing: inherit;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
}
还有什么其他选项可以纠正我的插件在主题Twenty13中的行为?

1 个回复
最合适的回答,由SO网友:Mars 整理而成

框大小调整的默认行为是内容框。当您在Chrome中取消选择规则时,将应用此选项。您是否尝试过在自己的CSS文件中应用框大小:内容框而不是继承?

.ct-black-square
{
    background-color: #88a0a9;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.ct-white-square
{
    background-color: #fdfdfd;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

box-sizing

结束

相关推荐

是否使用wp_Register_style在页脚中加载css?

我知道你可以使用wp_register_script 因为有一个$in_footer 用于执行此操作的参数。然而,没有一个wp_register_style 似乎是这样。是否有办法将CSS以同样的方式排列在页脚中,或者我必须手动硬编码页脚中的文件路径。php文件?