Rails simple_form gives dots under the stars for required fields, is there a better way to remove them?

Question

In many of my projects, I use simple_form and love it. However, one strange quirk that I find is that I get 3 small dots under *, which it supplies for the required fields.

I need to get around this:

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

This is useless because a field is required, so this code looks ugly.

Is there a better solution for what seems like a common problem?

Answer 1

I think from CSS, if you use a tablet, tags abbrand accronymhave a style border-bottom: 1px dotted black.

Try adding the following line to your css file:

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

:)

Answer 2

CSS. , abbr CSS.

Answer 3

A simple form adds abbr with a lower bound. You can only remove the bottom edge with css, but you also need to override the text underline property (which, it seems to me, is related to the default navigator styles)

So this small css block should work:

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