Suchfeld im IE

[Haunschild]

Guten Morgen zusammen,

weiß jemand von Euch, wie man das Kreuz im InternetExplorer aus Suchfeldern <input type="search"> entfernen kann?

finde irgendwie nichts dazu...

"Das soll so!", nützt mir übrigens nichts als Antwort, weiß ich selber. ;-)

Das geht nicht (wenn es stimmt) reicht mir dagegen als Antwort durchaus...

Herzliche Grüße und vielen Dank,

Marc

[Matthias Apsel]

Hallo Haunschild,

weiß jemand von Euch, wie man das Kreuz im InternetExplorer aus Suchfeldern <input type="search"> entfernen kann?

Hm. Eigentlich sollte Ähnliches wie auch bei button gelten: „Sobald Sie beispielsweise Hintergrund- oder Rahmeneigenschaften ändern, werden sämtliche Gestaltungen, die durch Browser und Betriebssystem vorgegeben sind, durch die CSS-Voreinstellungen ersetzt. Dazu zählt explizit auch das Verhalten bei gehoverten oder fokussierten Elementen.“ und „Die Tatsache, dass Buttons ihre browserspezifische Gestaltung verlieren, sobald Sie bestimmte CSS-Eigenschaften ändern, ist kein Fehler sondern gewolltes Verhalten. So wird versucht sicherzustellen, dass die gewünschte Gestaltung nicht mit dem Browserdesign kollidiert.“ Wiki/Button

Bis demnächst
Matthias

[Haunschild]

Hallo Matthias,

weiß jemand von Euch, wie man das Kreuz im InternetExplorer aus Suchfeldern <input type="search"> entfernen kann?

Hm. Eigentlich sollte Ähnliches wie auch bei button gelten: „Sobald Sie beispielsweise Hintergrund- oder Rahmeneigenschaften ändern, werden sämtliche Gestaltungen, die durch Browser und Betriebssystem vorgegeben sind, durch die CSS-Voreinstellungen ersetzt.

Das würde erklären, warum das Kreuz in allen anderen Browsern nicht erscheint (sollte ja eigentlich in allen angezeigt werden). Also ein MS-Bug?

Kennt jemand vielleicht einen Workaround?

Gruß,

Marc

[Jörg Reinholz]

Moin!

Kennt jemand vielleicht einen Workaround?

Sowas nach dem Laden der Seite?

// Das ist aus gutem Grund nicht getestet (siehe unten)
var isIE = /(MSIE|Trident\/|Edge\/|rv:\d)/i.test(navigator.userAgent);
if (isIE) {
   var arr=document.getElementsByTagname('input');
   arr.forEach( function (e, i, ra) { if ('search'==e.type ) { e.type='text'; } } );
}

oder doch besser "bedingte Kommentare":

<!--[if IE]><input type="text"><![endif]-->
<!--[if !IE]><input type="search"><![endif]-->

Wenn Du aber die Eigenschaften des Suchfeldes gar nicht haben willst, dann wäre es doch strunzeinfach und also das Beste, gleich

<input type="text">

zu notieren...

Jörg Reinholz

[marctrix]

Hej Jörg,

Moin!

Kennt jemand vielleicht einen Workaround?

<!--[if IE]><input type="text"><![endif]-->
<!--[if !IE]><input type="search"><![endif]-->

Geht nicht (mehr): https://msdn.microsoft.com/en-us/library/hh801214(v=vs.85).aspx

Wenn Du aber die Eigenschaften des Suchfeldes gar nicht haben willst,

Doch, will ich (nur nicht die optischen, aber die Semantik ist mir hier wichtiger)

Trotzdem vielen Dank, Jörg!

Marc

[Gunnar Bittersmann]

@@Jörg Reinholz

Wenn Du aber die Eigenschaften des Suchfeldes gar nicht haben willst

Doch, die will er. Er will nicht die browsereigene Darstellung.

dann wäre es doch strunzeinfach und also das Beste, gleich <input type="text"> zu notieren...

Nein. Es ist nie sinnvoll, wegen einer gewünschten Darstellung nicht die passenden HTML-Elemente/-Attribute zu verwenden.

LLAP 🖖

[Gunnar Bittersmann]

@@Haunschild

weiß jemand von Euch, wie man das Kreuz im InternetExplorer aus Suchfeldern <input type="search"> entfernen kann?

"Das soll so!", nützt mir übrigens nichts als Antwort, weiß ich selber. ;-)

Warum willst du dem Nutzer dann wider besseren Wissens ein gewohntes UI-Element wegnehmen?

Und warum im Internet Explorer und in anderen Browsern soll es bleiben?

Das geht nicht (wenn es stimmt) reicht mir dagegen als Antwort durchaus...

Das geht, AFAIS. ::-ms-clear

LLAP 🖖

[Matthias Apsel]

Hallo Gunnar Bittersmann,

Und warum im Internet Explorer und in anderen Browsern soll es bleiben?

wenn ich es richtig verstanden habe, soll es in allen Browsern weg, nur der IE sperrt sich.

Bis demnächst
Matthias

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Das geht, AFAIS. ::-ms-clear

Hatte gerade kein IE zum Testen, aber ich lag damit wohl richtig.

LLAP 🖖

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Hatte gerade kein IE zum Testen, aber ich lag damit wohl richtig.

In dem Zusammenhang: Lea Verou über Vendor-Präfixe.

Die ganze Welt scheint im SELFHTML-Forum mitzulesen. ;-)

LLAP 🖖

[marctrix]

@@Gunnar Bittersmann

Hatte gerade kein IE zum Testen, aber ich lag damit wohl richtig.

Ja, inzwischen habe ich es ausprobiert. Klappt! (Finde zwar doof, das mit so einer MS-Pseudoklasse zu machen, aber ist noch der am wenigsten schmerzhafte Weg. Ähnliche Probleme hat man ja auch an anderer Stelle, z. B. wenn man die Aufklapp-Zeichen (Dreiecke in Chrome) für Details und summary gestalten möchte...)

In dem Zusammenhang: Lea Verou über Vendor-Präfixe.

Die ganze Welt scheint im SELFHTML-Forum mitzulesen. ;-)

Jak, die gute Lea... - wo sie recht hat!

Danke nochmal!

Marc

[Haunschild]

@@Haunschild

weiß jemand von Euch, wie man das Kreuz im InternetExplorer aus Suchfeldern <input type="search"> entfernen kann?

"Das soll so!", nützt mir übrigens nichts als Antwort, weiß ich selber. ;-)

Warum willst du dem Nutzer dann wider besseren Wissens ein gewohntes UI-Element wegnehmen?

Weil ich ein Layout umzusetzen habe und meine Beratung nicht zu dem von mir gewünschten Ergebnis geführt habe.

Ich finde dieses Kreuz aber auch nicht sehr gelungen und kann daher ganz gut damit leben. Der Nutzer, der den Quellcode normalerweise nciht betrachtet und auch in der Regel nciht verstehen würde, wenn er ihn betrachtet, kann IMHO nicht verstehen, warum Eingabefelder (nur manchmal) mit einem "X" versehen sind. Es ist zudem recht umständlich, auf das "X" zu drücken (Finger von der Tastatur, an die Maus zielen, klicken...)

Darum habe ich an dieser Stelle jetzt kein besonderes Problem. Dafür habe ich mich an anderer (wichtigerer Stelle) durchgesetzt.

Und warum im Internet Explorer und in anderen Browsern soll es bleiben?

Das geht nicht (wenn es stimmt) reicht mir dagegen als Antwort durchaus...

Das geht, AFAIS. ::-ms-clear

Dan ke, werde ich ausprobieren!

„Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
„Hat auf dem Forum herumgelungert …“
(Wachen in Asterix 36: Der Papyrus des Cäsar)

Habe ich mir gekauft, wehe, das ist nicht gut! ;-)

Marc