Haunschild: Suchfeld im IE

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

  1. 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

    --
    Das Geheimnis des Könnens liegt im Wollen. (Giuseppe Mazzini)
    1. 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

      1. 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

        1. 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

        2. @@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 🖖

          --
          „Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
          „Hat auf dem Forum herumgelungert …“
          (Wachen in Asterix 36: Der Papyrus des Cäsar)
  2. @@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 🖖

    --
    „Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
    „Hat auf dem Forum herumgelungert …“
    (Wachen in Asterix 36: Der Papyrus des Cäsar)
    1. 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

      --
      Das Geheimnis des Könnens liegt im Wollen. (Giuseppe Mazzini)
    2. @@Gunnar Bittersmann

      Das geht, AFAIS. ::-ms-clear

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

      LLAP 🖖

      --
      „Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
      „Hat auf dem Forum herumgelungert …“
      (Wachen in Asterix 36: Der Papyrus des Cäsar)
      1. @@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 🖖

        --
        „Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
        „Hat auf dem Forum herumgelungert …“
        (Wachen in Asterix 36: Der Papyrus des Cäsar)
        1. @@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

    3. @@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