Question

我创建了一个扩展程序。我也添加了一个命名空间，但我的CSS在某些网站上与CSS冲突。

以下是我的CSS示例：

.myextention input.myclass{
   border:1px solid
}

另一个网站的CSS是：

input {
    height:150px;
}

这只是一个案例。有很多案例与我的扩展有冲突。

有没有正确的方法可以做到这一点？

感谢。

Answer 1

当我们处理应用程序时，我们将了解要加载的所有类。与扩展一样，情况并非如此。

每当您使用扩展程序时，这是一个常见问题。在编写具有最大属性的类时，您应该非常具体。以下是在任何扩展中需要覆盖的常见属性涉及输入元素。

.myextention input.myclass{
     position: value;
     display: value;
     width: value; 
     height: value;
     border: value;
     margin: value;
     padding: value;
}

始终建议根据您的扩展程序覆盖许多属性。

CSS扩展与某些网站冲突

1 个答案: