问题标签 [css-reset]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
592 浏览

css - 是否有 CSS3 重置?

我只是想知道是否存在针对 CSS3 的全局 CSS 重置。与Eric MeyerYUI创建的常用版本类似,但专门针对 CSS3。我在 SO 上查询过 Google、Github 和 here 等渠道,但没有找到全面的解决方案。

编辑:“重置”一词可能具有误导性,因为它主要涉及重置浏览器默认设置。“重新校准”可能更适合。

我应该澄清并提出一个用例。

这将与正常的 CSS 重置一起工作,但也可以处理由旋转、框阴影、动画、边框半径等引起的任何样式。例如,如前文所述

上面的片段和其他类似的片段将与可能受它们影响的任何 HTML 标记相关联,就像当前的 CSS 重置一样。

如果您可以控制您的属性,那么对此的实现需求可能不会太常见。但是,例如,如果您正在创建一个将在不同域中使用的应用程序或插件,其中调用插件脚本的页面样式会影响插件本身的样式,那么类似这将非常有用。

我意识到还有其他方法可以驯服 CSS 继承和处理跨域问题,但这个问题是关于 CSS3 重置直接提出的。

非常感谢。

0 投票
2 回答
3354 浏览

css - 得到
CSS重置后的边框

许多CSS 重置消除了 <fieldset> 标记的边框、填充和边距。我想这是为了确保它们在所有浏览器中均匀呈现。但是,字段集在重置后不再在视觉上分隔 HTML(表单)元素组。

两个问题:

  1. 浏览器是否真的以不同的方式呈现 <fieldset> 无重置?
  2. 在 CSS 重置后获得“边框”外观的最佳方法是什么?像这样简单地重新设计它:

    /li>

我正在描述的一些图像:

不重置: 在此处输入图像描述

带复位: 在此处输入图像描述

0 投票
0 回答
179 浏览

javascript - Rails3.2 应用程序的 reset.css 和 modernizr

我想将 reset.css 和 modernizer.js 添加到我的新 Rails 应用程序中,但是有很多不同的方法可以做到这一点。我听说 HTML5 BoilerPlate 包含了一个 reset.css 和现代化程序,但其中绝大多数不是 rails 所需要的。我遇到了很多选择,但不确定哪个是我项目的最佳选择。

我基本上希望尽可能简化前端的开发。我不希望支持所有浏览器,只支持过去几个版本的 FF、Chrome 和 IE。您会推荐我使用哪些 css 和 js 库,以及如何将它们添加到 rails3.2?

谢谢

0 投票
2 回答
1082 浏览

css - 指南针重置后重新“打开”子弹

我有一个使用 SCSS 和 Compass 的网站。我在我的 SCSS 文件顶部使用了 Compass 重置,@import 'compass/reset';它工作正常。

我现在有一个无序列表,实际上我确实想要默认项目符号。但是,到目前为止,无论我尝试过什么,都没有子弹。

我在这里想念什么?如何覆盖此列表的重置?

0 投票
2 回答
400 浏览

css - 我应该在哪里包含重置 css 以避免现有 css 出现问题?

你好

我遇到了这个问题: 为了解决它,我在此处包含了 reset.css 表单 - > http://meyerweb.com/eric/tools/css/reset/reset.css

现在我的网站看起来更糟了,因为一些边距是 0,它看起来像这样:

请。查看页脚 - 由于 reset.css,无法更改边距和填充。

我尝试先包含 reset.css,但没有帮助。

问题是 - 我该如何解决这个问题?

0 投票
7 回答
14302 浏览

css - Chrome 的 CSS 重置

嗨,我意识到我应该做的是从 CSS 重置开始,但我在 Chrome 中使用默认设置开发了我的网站,然后在完成后开始尝试使其跨浏览器兼容。如果我添加任何常见的 CSS 重置,我会丢失边距,文本会变小,并且带有背景的内嵌 Span 标签甚至会相互重叠,一切都会变得一团糟。

所以我想我正在寻找的是一个 CSS 重置,设置为 Chrome,这将使所有其他浏览器看起来像我在 Chrome 中的页面。有没有这样的方法或方法?

0 投票
1 回答
154 浏览

html - 启动一个新站点:哪个是最完整和最可靠的 CSS 覆盖?

不同的浏览器以古怪的方式运行,有时我们会利用 hack 让 CSS 在所有浏览器中看起来都符合我们的要求。但是,这是在您已经开始将 HTML 和 CSS 放在一起之后要做的事情。

但我发现,要确保您在所有浏览器中应用或多或少相同的标准,最简单的方法是重置它们的本地 CSS 文件。

因此,当开始一个新的 HTML5 和 CSS3 项目时——那里的重置涵盖了所有基础?

例如,这是我喜欢做的两件事:

对于 HTML5:

这是我在 WordPress 网站上看到的内容:

我知道有现成的 CSS 脚本结合了这些东西,但哪个是最可靠、最完整、跨浏览器友好、最新和维护的?

谢谢!

0 投票
2 回答
1433 浏览

css - 使用浏览器默认值覆盖 reset.css

我知道这听起来可能是一个奇怪的问题,但我实际上需要使用浏览器默认值覆盖 CSS 重置文件(因此与正常情况相反)。

所以当我的 reset.css 状态

我想用浏览器默认值覆盖它。
环境

虽然不起作用。

有没有办法做到这一点?

0 投票
3 回答
879 浏览

javascript - 如何重置输入类型 CSS

我已将全局 CSS 设置为文本类型输入。例如:

现在,我colorpicker在特定 div 上使用插件。该插件为颜色十六进制输入绘制了一些输入元素,并设置了自己的 CSS 属性。

但是已经设置的 CSS 属性会干扰新设置的 CSS。有没有办法可以重置这些输入,而不是让它们使用任何以前的 CSS 属性?我不知道从后面设置的所有属性,比如边框,可能是边框阴影、填充等。我想重置所有属性并创建一个新的输入类型。如果需要,我愿意通过 Javascript/jQuery 来做到这一点。请帮帮我。谢谢!

编辑:假设如果存在类似的东西$('.colorpicker input').resetCSS();,从输入中删除所有 CSS 属性,那就太好了!正是我需要的。

0 投票
3 回答
706 浏览

css - 是否有任何针对现代浏览器的 CSS 重置库?

我的目标是只支持 IE10+,以及最流行的浏览器的最新版本。我想知道是否有针对那些忽略旧 IE 和 Moz 修复的特定浏览器的 CSS 重置。

我找不到任何东西,但也许我在谷歌上搜索时忽略了一些。当然,我计划创建自己的,如果有可以使用的库,我只是不想重做工作。

谢谢!