Firefox Quantum (57) “ <input type=“date“> UI Schließen/löschen-button Ausblenden

Seit der Aktualisierung von firefox haben wir jetzt kleine (x) – buttons erscheinen in der input-als Teil des firefox-UI-Steuerelemente.

Gibt es eine Möglichkeit, kann ich das ausblenden/entfernen Sie diese buttons mit css?

Können Sie sehen, dieses auf der firefox-Eingabe Datum-Webseite auf mozilla hier:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

oder view-Bild
hier

  • Cheap shot ist, verwenden Sie custom datepicker (es gibt viele libs / snippets) oder sogar billiger ist, um element-zu-text-Eingabe aber in den Platzhalter setzen Sie das korrekte Datum-format, so dass Benutzer es bekommt. Nicht ideal, aber diejenigen, die Scheiße sind eingebettet in ein input-element und scheinen hart AF loszuwerden. Früher gab es einige webkit-Selektoren zu tun, aber diejenigen, die ich hatte, nicht mehr funktionieren. Seine ärgerlich, die max da auf kleinen Elementen, die es nimmt die Hälfte der Fläche
  • danke @DanteTheSmith, wenn ich keine andere Antwort, die ich möglicherweise gezwungen, dies zu tun, wäre toll, nicht aber 🙂
  • Fühlen Sie sich frei, um Ihre eigene Frage zu beantworten, wenn Sie die Lösung finden, bevor jemand anderes. Ich uped die Frage, ich hoffe jemand wird wissen, wie das geht reibungslos. Ich fürchte aber für die Wartbarkeit der Lösungen, deshalb gehe ich mit custom datepickers.
InformationsquelleAutor HKG | 2017-11-23



One Reply
  1. 4

    clip-Pfad ist ein grober Ansatz, den Sie verwenden können, das funktioniert:

    input[type=date] {
      border: 0;
      clip-path: inset(0 17px 0 0);
      width: 120px
    }

    https://jsfiddle.net/21zwe8yu/

    • Das funktioniert und ist, wie du sagst. FYI für jedermann zu Lesen, die Sie haben können zu verwenden, Js Zielgruppe der firefox-browser speziell, wie es nicht funktioniert, dass großartig auf Chrom und hover-Stile. Ich bin zurückhaltend, um diese als die Antwort, da es sonst zu Konflikten mit Elemente in der Eingabe.
    • Ja, ich bin einverstanden. Dies ist einfach die beste, ich könnte kommen mit. Und auch ich wollte nicht am Ende schließlich mit dieser Lösung die mich, wenn ich auf dieses problem. Gerade habe ich aufgegeben und befreit, Datum-Eingänge von meinem custom JS-basierten klare Feld, dass ich auf andere Eingänge zu Gunsten der einheimischen für Datums-Eingaben. Trotzdem, ich dachte, einige Leute könnten daran interessiert sein, immer tiefer in den Kaninchenbau zu machen völlig benutzerdefinierte Eingabefelder als ich war, und dieser Ansatz könnte helfen, Leute, die es bekommen, selbst wenn ich letztlich abgelehnt, um ihn selbst zu benutzen, dachte ich, könnte ich auch per post.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.