Távolítsuk el a stroke a beviteli mezők és rákattint kapcsolatok (input, textarea, focus)
A legtöbb böngésző azáltal, hogy a kurzort a beviteli mezőbe, vagy kattintson egy linkre, képkeret kiemeli őket.
Ez biztosítja, hogy a felhasználók, hogy a választás az aktív elemek az oldalon (linkek a beviteli mezők, menüpontok) a [TAB], és melyik elem jelenleg a középpontban. Minden jó, de a különböző böngészők eltérő keretek megvilágítására.
Kiemelve a képet az Internet Explorer, ha rákattint
A keret körül a beviteli mezőbe a böngésző Chromium
Keret az IE és Mozilla Firefox
Egy ilyen keret elrontani a integritását a tervezés, ezért én általában az áldozatai ennek a böngésző funkciót kedvéért a teljes design. Általában persze ez nem egészen pontos használhatóság szempontjából, de ha jobban megnézed, akkor nem sok hasznát navigáló felhasználók az oldalon csak a billentyűzet, így azt hiszem, hogy hagyja figyelmen kívül ezt a „kényelmi”.
Ahhoz, hogy távolítsa el a keretet, szükség van a stíluslapot, illessze be a következő kódot:
bemenet. textarea # 123; vázlat. none; # 125;
bemenet: aktív. textarea: aktív # 123; vázlat. none; # 125;
: fókusz # 123; vázlat. none; # 125;
textarea # 123; átméretezése. none; # 125;
textarea # 123; átméretezése. függőleges; # 125;
textarea # 123; átméretezése. vízszintes; # 125;