Simpleform + bootstrap: getting rid of the ellipsis and hover text for required fields

Question

I recently upgraded simpleform and bootstrap, which I'm using together. My required fields now have ellipses underneath the asterisks, and when users hover, they get a tooltip.

How can I customize or remove that behavior?

Yes, there was something like that, and I just made the wrapper have `display: none`. — bevanb, Nov 21 '12 at 03:14

score 0 · Accepted Answer · answered Nov 21 '12 at 03:14

0

I just made the wrapper class of the ellipses have display: none.

answered Nov 21 '12 at 03:14

bevanb

8,201
10
53
90

score 0 · Answer 2 · answered Jun 13 '13 at 17:53

If you just hide the abbr you lose the information about the field being required. What you need to do is style the abbr correctly, for example to get rid of the ellipsis do:

/** CUSTOMIZE SIMPLEFORM SHITTY STYLINGS **/
abbr[title='required'] {
  border-bottom: none;
}

Simpleform + bootstrap: getting rid of the ellipsis and hover text for required fields

2 Answers2