Wie entferne ich die Schaltfläche "X" aus den IE10-Textfeldern im Kompatibilitätsmodus?

Zeit auf einer Website arbeite ich das Meta-Tag wird mit der Seite in IE9-Modus zu machen [BrowserMode: IE10, DocMode: IE9 Standards]Wie entferne ich die Schaltfläche "X" aus den IE10-Textfeldern im Kompatibilitätsmodus?

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, IE=9" />

In IE10 viele CSS Brüche in der Seite zu verwenden, da IE=Edge ist keine praktikable Lösung ab sofort (möglicherweise in Zukunft wird dies verwendet werden, sobald alle CSS ist behoben, aber ich sehe nicht in der nahen Zukunft).

Jetzt ist der Punkt alle Textbox haben klare Schaltfläche drin. In nur einem der Textfelder brauchen wir dieses Kreuz nicht (wir haben bereits einen benutzerdefinierten (x) Knopf weit rechts von der Textbox).

Ich versuchte ::-ms-clear aber das didn; t arbeitete als BrowserMode: IE10 und DocMode: Standards. Was kann jetzt getan werden, um das 'X' zu entfernen?

Quelle

2013-11-19 Rakesh Juyal

Ähnlich wie http://stackoverflow.com/questions/17196845/ie-10-sms-clear-pseudo-element-and-ie5-quirks-mode mit der Ausnahme, dass man nach IE5 Quirks und nicht Kompatibilitätsansicht fragt. Offensichtlich funktioniert ':: - ms-clear' in keinem der beiden Modi. – BoltClock

@BoltClock Könnten Sie bitte vorschlagen, was kann ich hier tun?Gibt es auch eine Website, auf der wir Feature Request an MsIE vorschlagen können, um 'X' zu entfernen, wenn DocMode <10 ist (obwohl ich es wirklich bezweifle: D) In meinem Fall ist BrowserMode IE10, aber DocMode ist IE9. –

[Identische Frage hier] (http://stackoverflow.com/questions/20050416/disable-ie10-clear-field-in-compatibility-mode#comment29865337_20050416). Wiederum ist die kurze Antwort, dass Sie das einfach nicht tun können. Es ist nicht möglich. Wenn Sie dieses Widget wirklich loswerden möchten, verwenden Sie nur den ** Standard-Modus. Wenn das bedeutet, dass du dein kaputtes CSS reparierst, damit es funktioniert, dann ist das vielleicht eine gute Sache. – Spudley

Ich habe es endlich geschafft, dieses Problem zu beheben. Anscheinend, wenn Sie height und line-height auf 0 und padding-top und padding-bottom auf die Hälfte der Höhe Ihrer Textbox setzen, dann wird diese tolle 'X' nicht mehr angezeigt. Das hat zumindest für mich funktioniert. Hier

ist der Code, Stift: http://codepen.io/rjuyal/pen/iGKnI

Auszug aus dem Code

.gen{ 
       margin: 10px; 
       margin-top: 40px; 

       box-shadow: inset 1px 2p 0 rgba(200, 100,10, 0.2); 
       font-size: 16px; 

       width: 400px; 
       line-height: 18px; 
       height: 41px; 
       fint-family: 'Lucida Grande' , 'Arial'; 
       vertical-align: middle; 
      } 

      .ie10f{ 
       height: 0px !important; 
       line-height: 0px !important; 
       padding-top: 22px !important; 
       padding-bottom: 22px !important; 
      }

Sie werden zwei Textboxen ein mit X anderen, ohne es zu sehen. Beste Teil ist, das verbirgt X in IE10 (kein Kompatibilitätsmodus) auch.

P.S. Sie müssen den DocMode manuell von Entwickler-Tools in IE9 ändern.

Quelle

2013-11-20 07:08:32

Aus irgendeinem Grund mit IE9-Modus funktioniert es nicht, und auf IE8 funktioniert es, aber es sieht so komisch aus. Was ich wirklich brauchte, war Einstellhöhe: 0; Auffüllen: 10px; war genug für mich, um es so aussehen zu lassen, wie es mit dem "x" war (nur ohne das "x" zu zeigen). Vielen Dank, dass Sie sich für eine alternative Lösung entschieden haben. – pqsk

Es tut mir leid, der Träger der schlechten Nachrichten zu sein, aber das ist nicht möglich.

Wenn Sie das Close-Widget loswerden möchten, ist Ihre Option nur, um in den Standardmodus zu wechseln.

In IE10 viele CSS Brüche in der Seite zu verwenden, da IE=Edge ist keine gangbare Lösung, wie jetzt von (in Zukunft sein kann, dieses eine Mal verwendet wird, alle CSS festgelegt ist, aber ich sehe das nicht nahe Zukunft).

Also ich denke, es kommt darauf an, wie sehr Sie das X Widget loswerden wollen. Wenn es dich so schlimm nervt, musst du in den sauren Apfel beißen, dein CSS reparieren und in den Standardmodus wechseln.

Andernfalls müssen Sie es nur leben.

Entschuldigung.

Quelle

2013-11-19 10:20:58 Spudley

** Es tut mir leid, der Überbringer schlechter Nachrichten zu sein **, wie dramatisch;) +1 dafür –

Ich fühle mich unbehaglich, die andere Frage als ein Betrogener zu schließen, da sie sich um weniger als einen Tag unterscheiden. Warum hast du nicht abgestimmt, um zu schließen? – BoltClock

Danke, ich fand das: http://connect.microsoft.com/IE/feedback/details/783743/disable-ie10-clear-field-button-when-rendering-in-compatibility-mode ** Microsoft ** sagt das ist Absicht. –

Wie entferne ich die Schaltfläche "X" aus den IE10-Textfeldern im Kompatibilitätsmodus?

Antwort

Verwandte Themen