CSS-trick: Fjern den grimme input-ramme

Det har måske irriteret dig, eller måske har du slet ikke lagt mærke til det. Men det er sådan, at i stort set alle browsere bliver der lagt en grim glødende ramme omkring input-felter.

Det ser således ud i Safari:

billede3

Og i Chrome er den orange i stedet. Det gør det ikke just bedre.

Det ødelægger layoutet ret meget – og der er heldigvis en hurtig løsning.

Indsæt følgende kode i din CSS-fil:

input {

outline: none;

}

Eller hvis du ikke har en CSS-fil, så indsæt denne kode i <head> tagget på den side du har dit input-felt på:

<style type="text/css">

input {

outline: none;

}

</style>

Efter det ser dit input-felt således ud når du trykker i det:

billede4

Det er et ret basic “trick” – men jeg får alligevel en del henvendelser om det. Så her har i en hurtig løsning så i er fri for at hyre en person – og betale en time for det.

Hvis i har problemer kan i selvfølgelig bare kontakte mig under “Kontakt” – eller tryk på en af de sociale medier nede i bunden og find mig dér.

Knæk og bræk!

Posted by