Rahmen beim Formular verhindern

[Quabbe]

Hallo,

wenn ich auf meiner Seite Fantasy Cartography mit der Maus ins Formular unten rechts klicke, erscheint ein orangefarbener Rahmen. Allerdings nur, wenn ich Chrome benutze. Beim IE spinnt das Formular komplett rum: die Schrift ist nicht mittig ausgerichtet und das Textfenster wird von einem Scrollbalken verunstaltet.

Meine Fragen dazu:
1) Wie lässt sich der Rahmen im Chrome verhindern?
2) Was muss ich machen, damit die Fehler im IE nicht mehr auftreten und dass der Scrollbalken verschwindet?

Wäre toll, wenn mir jemand helfen kann. :)


Grüße,
Quabbe

 

[vast]

Zu 1)
Das ist die outline, die der Chrome beim focus von input-Elementen verwendet.
Die wirst du so los:

input,textarea {
  outline:0;
}

Zu 2)
Hab gerade keinen IE am Start, muss daher raten, sollte aber klappen.

Scrollbar weg:

textarea {
  overflow-y:auto;
}

F. die vertikale Ausrichtung in den text-inputs:
Versuch mal, die height-Angabe ganz weg zu lassen, stattdessen mit line-height und ggf. padding arbeiten, so gehts meist.

Viel Glück

 

[Quabbe]

Vielen vielen dank, klappt so wunderbar! Rahmen und Scrollbar sind weg. Was den mittig zentrierten Text angeht, da werd ich mich die Tage noch mit befassen. Im Chrome und FF schaut ja jetzt alles bestens aus und im IE kann ich vorerst mit einem kleinen Schönheitsmakel leben.


Grüße,
Quabbe