Wie blende den Cursor im Eingabetext verstecken?
Ich etwas machen will, die Aussehen würde, wie eine select-Eingabe ist eigentlich aber nicht, hier sind die Schritte.
Machte ich eine <input type="text">
.
Habe ich ein background-image
in denen gezeigt wird, eine "Auswahl" - Pfeil", was den Eindruck erweckt, dass es eine select-box.
Habe ich ein default-Wert an diesem Eingang.
Gibt es ein verstecktes div, das wird SlideDown()
direkt unter dieser Eingang, wenn ich drauf klicke.
Habe ich versucht, das Lesen nur die Sache, so dass der Wert kann nicht geändert werden, aber der blinkende cursor erscheint.
Wenn ich disabled
der blinkende cursor nicht zeigen, aber die .click()
oder .focus
Funktion in jQuery funktionieren nicht. Die drop-down-Menü wird nicht SlideDown()
.
Wie kann ich es machen anklickbar, während Sie nicht zeigen, der cursor blinkt?
Hier ist der code
<div style="padding-top:17px; overflow:hidden;">
<div style="float:left;">
<label for="secretquestion">Secret Question</label><br>
<input type="text" class="inputselect" id="secretquestion" name="secretquestion" value="Choose a Secret Question" tabindex=10 /><br>
<div class="selectoptions" id="secretquestionoptions">
<b>test</b>
</div>
</div>
</div>
CSS
.selectoptions
{
display: none;
background-color: white;
color: rgb(46,97,158);
width: 250px;
margin:auto;
border-style: solid;
border-width:1px;
border-color: rgb(46,97,158);
font-size: 14px;
text-align: center;
}
.inputselect {
color: white;
cursor: pointer;
background-image: url('inputselect.png');
padding-top: 5px;
padding-bottom: 5px;
padding-left:10px;
padding-right:-10px;
width:240px;
border-style: solid;
border-color: rgb(46,97,158);
border-width: 1px;
}
.inputselect:hover {
outline:none;
color:aqua;
cursor: pointer;
background-image: url('inputselecthover.png');
}
.inputselect:focus {
outline:none;
color:aqua;
cursor: pointer;
background-image: url('inputselecthover.png');
}
InformationsquelleAutor der Frage user1213707 | 2012-02-17
Du musst angemeldet sein, um einen Kommentar abzugeben.
Die Farbe des Cursors entspricht der Farbe des Textes.
Wenn Sie wirklich wollen, um text in das Eingabefeld ein (mein, manche Menschen sind bedürftig), Sie können einen text-Schatten.
(getestet mit Firefox und Safari).
InformationsquelleAutor der Antwort Orwellophile
Habe ich nur verwendet eine Unschärfe, um loszuwerden, der cursor.
InformationsquelleAutor der Antwort rtconner
Ich denke, das ist eine perfekte Lösung: machen Sie die Eingabe breit genug, Rechtsbündig auf dem Bildschirm rechts, so stellen Sie cursor und Inhalte suchen an der Außenseite der Bildschirm, während es ist immer noch anklickbar
InformationsquelleAutor der Antwort sinfere
Habe ich endlich einen trick Lösung.
und in meiner sitation, es funktioniert!
InformationsquelleAutor der Antwort wupeng
Kann dies vielleicht hilfreich sein (wenn auch nicht eine vollständige Antwort) - ich verwendet, um es zu deaktivieren Eingabe in ein Aktuelles Projekt:
Den Benutzer konzentriert sich auf die Eingabe, wenn das auf im es die blur () - Funktion entfernt dann den Fokus. Zwischen dieser Einstellung der readOnly "True" und setzen Sie die Hintergrundfarbe auf Grau (#e6e6e6), Ihre Benutzer sollten nicht verwirrt werden.
InformationsquelleAutor der Antwort Michael McGettrick