我正在编写一个可以在多个网站上使用的组件.
每个网站都有自己的样式表,并以不同的方式显示某些内容.
我的所有html都包含在一个带有id的div中:
<div id="myComponent">...</div>
Run Code Online (Sandbox Code Playgroud)
然而,我的组件在所有站点中看起来都是一致的.
这很好,因为我将样式应用于组件中的大多数属性.
div#myComponent p {font-size:11px;} etc
Run Code Online (Sandbox Code Playgroud)
但是我遇到了一个从所有输入字段中删除边框的网站
input {border: medium none;}
Run Code Online (Sandbox Code Playgroud)
我需要为组件中的输入字段"取消应用"此指令,并且最好使用浏览器的默认样式作为输入,因为边框样式input type="text"需要与之不同input type="button".
你会怎么做到这一点?