为什么在使用 CSS 框架时,所有表单默认都是 100% 宽度?

Why is that, when using CSS framework, all forms are 100% width by default?

我该如何解决?我刚刚意识到这一点——或者这可能是我的独特之处。无论我使用哪个 CSS 框架,表格都会占据整个宽度。我已经尝试根据他们的关键字调整大小(例如 Bulma 中的 "is-9"),但 none 有效。

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

这是解决这个问题的唯一方法吗?还是我缺少一种标准方法?我找不到与此相关的任何信息。

更新:

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

然而这看起来很麻烦。 CSS 框架就是这样使用的吗?他们是否总是将表单的最小宽度和默认宽度设置为 100%?

如评论中所述,建议您:

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

至于这是否是 CSS 框架的使用方式,我没有明确的答案。但是,根据我的经验,答案是 "yes" 并且能够用更具体的行为(在您的应用程序中)覆盖更一般的行为(在框架中)将 "Cascading" 放在级联样式表中。