Verwenden Sie das Attribut readonly in , ohne den Cursor zu ändern

Wenn ich ein Feld <input> mit dem Attribut readonly habe, wird es immer noch mit dem I-beam Textcursor angezeigt. Gibt es eine Möglichkeit, den Cursor daran zu hindern, angezeigt zu werden?Verwenden Sie das Attribut readonly in , ohne den Cursor zu ändern

Ich kann das Attribut disabled nicht verwenden, weil request.getParameter() nicht auf deaktivierten Feldern funktioniert.

Quelle

2013-06-26 Premshankar Tiwari

Wie bauen Sie (JSP - Code? HTML-Code?) Die ''? – acdcjunior

Wenn Sie erklären möchten, welchen Cursor Sie meinen, sagen Sie "Mauszeiger" vs "Tastatur-Cursor" oder "[Zeiger] (https://en.wikipedia.org/wiki/Pointer_ (graphical_user_interfaces))" vs "[Caret] (https://en.wikipedia.org/wiki/Caret_navigation) ". Beide Cursor sehen in einem Textfeld wie ein I-Beam aus. – Tgr

Nur hinzufügen möchten, 'request.getParameter()' funktioniert nicht, da, wenn Sie das Attribut "deaktiviert" auf Ihr Element wie wählen oder eingeben, es nicht gesendet werden, wenn es Teil eines Formulars @ Premeshankar Tiwari –

dieses Markup in Ihrer Form testen Textfeld

<input type="text" value="test" onfocus="this.blur()" readonly="readonly" />

Hauptsache, die hilft Ihnen, den Cursor verstecken ist onfocus = "Diese .verwischen()".

Quelle

2013-06-26 12:06:55

Oh ... großartig ... Wie kann ich das vorher nicht bemerken ... funktioniert in Firefox aber in IE braucht es Zeit zu verwischen ... immer noch eine gute Lösung..danke –

Dieses Szenario funktioniert nicht gut mit IE . Ich würde es vorziehen, den Cursor im Bootstrap-CSS zu überschreiben und meine CSS-Pointer-Eigenschaft zu schreiben, wobei ' 'als' readonly' zurückbleibt. – instinct

Die Idee der readonly Elemente ist, dass Sie den Text immer noch lesen und kopieren können, nur nicht bearbeiten. Das heißt, Sie können den Cursor mit CSS attribute selectors ändern. Dieses Beispiel wird mit einem readonly Attribut jedes input Element entsprechen:

input[readonly] { 
    cursor: pointer; 
}

Quelle

2013-06-26 11:53:21

I ist habe es ausprobiert ... es zeigt nur den jeweiligen Cursor, wenn man den Mauszeiger bewegt ... aber wenn man auf ... klickt, bekommt das Feld den Cursor .. –

+1 Guter Punkt über Auswahl und Kopieren! – frequent

Wenn es nicht funktioniert, versuchen Sie Cursor: Zeiger! Wichtig; Dies sollte stärkere Standardeinstellungen überschreiben. Ich bin vertrauter geworden, je mehr ich mit Twitter Bootstrap arbeite. : | –

Ich möchte nicht Bootstrap die Standardstile außer Kraft zu setzen, damit ich zusammen mit folgender Lösung gekommen:

Meine WENIGER Datei:

input[readonly] { 
    &.default-cursor { 
     cursor: default; 
    } 
}

Oder in CSS:

input[readonly].default-cursor { 
    cursor: default; 
}

My HTML :

<input type="text" class="form-control text-xl default-cursor" readonly>

Quelle

2014-10-25 16:29:45 totas

Das ist IT, danke Mann!:) –

@totas: Vielen Dank! Das ist die beste Antwort. – PhatHV

Für Leute, die das Caret überhaupt nicht sehen wollen:

Quelle

2015-09-28 16:20:46 Buzinas

Verwenden Sie das Attribut readonly in , ohne den Cursor zu ändern

Antwort

Verwandte Themen