html - 为什么在使用 CSS 框架时，所有表单默认都是 100% 宽度的？

Question

我该如何解决它？我刚刚意识到这一点——或者这可能是我独一无二的。无论我使用哪个 CSS 框架，表单都会占据整个宽度。我已经尝试根据他们的关键字调整大小（例如 Bulma 中的“is-9”），但没有奏效。

我创建了一个包含用 ERB 编写的表单的部分，并编写了一个 CSS 来设置该部分的最大宽度。

这是解决这个问题的唯一方法吗？或者有没有我错过的标准方式？我找不到与此相关的任何信息。

更新：

根据评论者的精彩建议，我已经确定了导致此问题的 CSS 框架中的特定 CSS 代码，然后我在应用程序样式表中用我自己的代码覆盖了该代码。

然而，这似乎很麻烦。这就是 CSS 框架的使用方式吗？他们是否总是将表单的最小宽度和默认宽度设置为 100%？

标签： htmlcssruby-on-railscss-frameworks

Answer 1

正如评论中提到的，我建议你：

• 在浏览器中打开开发者控制台。
• 查看应用于表单的样式以了解不良行为的来源。
• 用你自己的 CSS 覆盖它。

至于这是否是 CSS 框架的使用方式，我没有明确的答案。但是，根据我的经验，答案是“是”，并且能够用更具体的行为（在您的应用程序中）覆盖更一般的行为（在框架中），从而将“级联”置于级联样式表中。