ruby-on-rails - Rails simple_form 在星号下为必填字段提供点，更好的方法来删除它们？

Question

在我的许多项目中，我使用 simple_form 并喜欢它。然而，我发现一个非常奇怪的怪癖是，我在它为必填字段提供的 * 下面得到了 3 个小点。

我必须解决它：

= f.input :name, :label => '*', :required => false # Display purpose only (it is required)

这很混乱，因为该字段是必需的，所以这段代码看起来很难看。

对于看似常见的问题，是否有更好的解决方案？

Answer 1

我认为它来自 CSS，如果你使用蓝图，“abbr和accronym”标签有一个border-bottom: 1px dotted black样式。

尝试将下一行添加到您的 css 文件中：

abbr, accronym{ border-bottom: 0px; } /*try adding !important  after 0px if doesn't work*/

希望有帮助:)

Answer 2

它看起来像 CSS 的东西。查看 CSS 上 abbr 标记的属性。

Answer 3

简单的形式添加了一个带有边框底部的缩写。您可以仅使用 css 删除边框底部，但您还需要覆盖文本下划线属性（我认为它来自默认导航器样式）

所以，这个小css块应该可以工作：

  form abbr[title] {
    border-bottom: none !important;
    text-decoration: none !important;
  }

Answer 4

我发现了另一种解决方案，以防其他人将来遇到这个问题。我回应了一个在 simple_form 上关闭的类似问题：

我也有这个问题，simple_form 维护者很容易改变，所以可能值得研究。至少，如果其他人使用我正在使用的 gem 组合遇到问题，我想提供帮助。在带有引导程序 4.3.1 和简单表单 4.1.0 的新 rails 5.2.3 应用程序上，星号下的省略号也有同样的问题。

我找到了解决它的方法，因为它实际上只在使用标签时发生。在 locales/simple_form.en.yml 中，如果删除标记：' '，并将 html:' ' 更改为 html:'*'，则会删除出现在星号下方的“..”。发生这种情况是因为有一个包含引导程序的样式，它为任何缩写标签添加了一个带下划线的虚线边框，这允许用户选择该文本以查看该单词的其余部分。