Spellcheck underline showing

  • Resolved afrancis99

    (@afrancis99)


    6 years, 11 months ago

    The label area of a Constant Contact form has an asterisk for ‘required’ that is being interpreted as misspelled, and so shows as underlined with a series of dots. Because I only have access to CSS to affect the styling of the form, I can’t apply the spellcheck=”false” attribute to the field. Anyone else run into this or have a suggestion on how to fix it? The asterisk is tagged with <abbr title=”required”>*</abbr>

    Thanks
    AF

    • This topic was modified 6 years, 11 months ago by afrancis99.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Constant Contact

    (@constantcontact)

    Good day @afrancis99

    This isn’t actually a case of something being considered spelled wrong, it’s the fact that we use the <abbr> tag in general. The browsers are styling it a bit more to help users realize that there’s some extra information regarding that asterisk, specifically that it’s indicating a required field. This helps with things like accessibility. However, from our checking, it’s possible to remove the underline if you really want by setting the following css and it should be removed. We encourage leaving it if possible though

    .ctct-form abbr { text-decoration: none; }
    Thread Starter afrancis99

    (@afrancis99)

    Thank you! I enlarged the asterisk to ensure it is visible, but honestly, the dotted underline looks terrible – not sure why anyone would have that style on purpose! Thanks for the help – I was certain I’d tried that solution, but apparently had not and it worked for me.

    AF

    Plugin Author Constant Contact

    (@constantcontact)

    You’re welcome. For what it’s worth, it does inherit the color that we apply to the asterisk, but the dotted underline is coming from the browsers/browser makers themselves.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Spellcheck underline showing’ is closed to new replies.