html - 可以将 html 元素标记为仅使用浏览器的默认 css 吗?

标签 html css google-chrome-extension webkit

我正在开发一个 Chrome 扩展程序,它可以在许多网站上运行,并向页面添加一个搜索文本框。有没有办法标记此输入元素,使其仅使用浏览器的默认 CSS 样式(而不是特定于网站的样式)?

问题是不同的网站将为其输入框应用不同的样式。为了使扩展输入框在各个网站上看起来一致,我必须显式指定所有相关 CSS 属性的值。我试图避免这种情况,并且想知道是否可以以某种方式标记此元素以不使用网站样式而仅使用浏览器默认设置?

最佳答案

CSS 中没有办法使元素与页面上样式表的效果隔离,也没有办法告诉只应用浏览器默认样式表。您只需将属性设置为所需的值,或修改正在使用的样式表,以便选择器与您的元素不匹配。

您可能会考虑将搜索框放在一个单独的文件中,并通过插入到页面中的iframe(或object)嵌入它,并且可能绝对定位。在框架文档内,框架文档的样式表不起作用。

关于html - 可以将 html 元素标记为仅使用浏览器的默认 css 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14052153/

相关文章:

html - HTML5 中的 MathML : changing math font

html - 单击按钮时如何更改 div 中的文本?

html - 如何让相邻和不相邻的方 block 的边界都相等?

css - 如何向页面上的元素添加填充?

google-chrome - 带有 '403: Daily Limit Exceeded' 的日历 API 响应 - Google Chrome 扩展

javascript - HTML5 表单验证模式在前 3 个字符后自动创建一个空格?

javascript - 为大型网站组织 JS 包含的一些好的技术是什么?

html - Flexbox 未垂直居中内联 block 跨度

javascript - 使用 jquery ready() 函数但仍然不够快?想法?

css - 已编辑的 Chrome 扩展程序 - chrome 认为它是恶意软件