Jedes Mal wenn ich Axure Prototypen fürs Handy oder Pad erstelle, ärgere ich mich über das “onTap” Highlight – diese olle Linie, die im Browser um das gedrückte Element gemalt wird.

Diese drei Zeilen CSS lassen sie ein für alle Mal verschwinden:

* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


Am besten kopiert man diese Zeilen in die Datei axure_rp_page.css, die Axure jedem HTML-Prototypen mitgibt. Hier hat Axure sie versteckt:

OS X:

• Rechtsklick auf Axure → “Paketinhalt anzeigen”.
• Contents > Resources > DefaultSettings > Prototype_Files > resources > css > axure_rp_page.css

Windows:

• Axure\Axure RP Pro 6\DefaultSettings\Prototype_Files\resources\css\axure_rp_page.css

Dort lässt sich natürlich auch beliebiger anderer CSS-Code einbauen. Sean Rankin hat dort zum Beispiel Web Fonts eingebaut.

Viel Spaß beim Ausprobieren…

Similar Posts:

• Axure mit Post-its pimpen
• Usability in Mobile Applications
• Axure-Gesprächsrunde am 06.03
• Axure World 2011