Tutorials
Einige nützliche Hilfen und Code-Schnipsel, die ich immer wieder benötige und deshalb hier für alle sammle.
Zurück zur Übersicht
Feld leeren X-Button beim Internet Explorer 10+ ausblenden
#Tutorials#CSS
Der Internet Explorer ab der Version 10 hat ein Feature, was wohl eher mehr für Touch-Geräte gedacht ist. Sobald mindestens 1 Zeichen in einem Input-Feld ist wird hinten ein X eingeblendet, um das Input-Feld mit einem Klick zu leeren.
Hat man nun aber, wie ich eine Validierung, die beispielsweise genau an der Stelle ein Ausrufezeichen anzeigen soll, oder sonst etwas, dann stört dieses X sehr. Immerhin kann man es via CSS ganz einfach ausblenden. Das Ganze geht so:
<code class="language-css">
/*Style the ::-ms-clear pseudo-element for the box:*/
.someinput::-ms-clear {
display: none;
}
</code>
Kommentare
Gruß Anna
Hinterlasse einen Kommentar