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-imagein 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 disabledder 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

Schreibe einen Kommentar