Ändern Sie die Farbe des Eingabetextrahmens, ohne die Höhe zu ändern

8

Nehmen wir an, ich habe eine Standardtexteingabe ohne CSS

%Vor%

Ich möchte die Rahmenfarbe in rot ändern, damit ich einen Stil hinzufügen kann

%Vor%

Danach ist der Rahmen rot, aber die Größe ist 2px. Wenn ich die Grenze auf 1px ändere, ist die Höhe der Eingabe kleiner als eine Standardeingabe.

Wie kann ich meinen Rahmen auf 1px ändern und sicherstellen, dass die tatsächliche Höhe der Eingabe (einschließlich der Umrandung) mit der Standardhöhe identisch ist?

    
user937450 14.03.2013, 08:26
quelle

5 Antworten

19

verwenden Sie dies, es wird Höhe nicht beeinflussen:

%Vor%     
Atif Azad 14.03.2013 08:54
quelle
4

Versuchen Sie es

%Vor%

Es wird in allen Browsern wie mozilla, chrome und internet explorer angezeigt.

%Vor%

Fügen Sie den Stil nicht inline hinzu, da dies keine gute Übung ist. Verwenden Sie die Klasse, um Stil für Ihr Eingabefeld hinzuzufügen.

    
Devang Rathod 14.03.2013 08:35
quelle
1

Setzen Sie einen transparenten Rahmen und ändern Sie ihn dann:

%Vor%     
Michael Sazonov 14.03.2013 08:55
quelle
1

Diese CSS Lösung hat für mich funktioniert:

%Vor%

Ich verstehe, dass es auf FF und Chrome nicht notwendig ist, aber IE braucht es. Und es gibt Umstände, in denen du es brauchst.

    
Tarun 02.01.2017 13:41
quelle
0

Ist das, was Sie suchen?

%Vor%     
Mayur Patil 24.11.2017 09:25
quelle

Tags und Links