When form field set to hide border, blue highlight still shown

Axure RP 9
1

Steps:

  1. Drag a text field onto the page
  2. Set the border visibility such that no border is shown (Transparent border/0 thickness/visibility for all 4 edges off.)
  3. Preview the page
  4. Click into the text field
    Expected results:
    Flashing cursor is the only thing visible.
    Actual results:
    Unlike previous versions of Axure, the blue highlight of the field is shown.

This might have to do with the fact that in Axure 8 there is a “Hide Border” option in the properties that sets the CSS “outline-style: none;” on the text field. No such option is given in Axure 9, and none of the border styling options now available in Axure 9 have the same effect. Importing a v8 rp file with “hide border” turned on doesn’t work either.

2

Hi @bedgin, I have also been struggling with this bug this morning. One way I manage to remove the blue highlight was to add a ‘:focussed’ Style Effect.

Hopefully, this will help in the short term.

Cheers

Jase

3

Hi guys!

I was able to reproduce the same blue highlight behavior when viewing the prototype in the Chrome and Safari browsers, and I’ve filed a ticket with our QA team about this. :slight_smile:

1 Like
4

Please, can you explain how do you have done that? I’m struggling with this…

Thanks