So wenden Sie CSS auf Eingabewerte an

Question

Ich habe ein Eingabe-Tag mit diesem css.

#myInput { 
    position: relative; 
    border: 1px solid #95B8E7; 
    background-color: #fff; 
    height: 30px; 
    vertical-align: middle; 
    display: inline-block; 
    overflow: hidden; 
    white-space: nowrap; 
    margin: 0; 
    padding: 0; 
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px; 
    border-radius: 5px 5px 5px 5px; 
} 

ich mein Eingabefeld Wert wollte underline und sein sollte ‚;‘ Am Ende. Wie sollte ich CSS dafür schreiben?

Hier stelle ich meinen Eingabewert ein.

function selectItem(input, value) { 
     input.value += " "+value+";"; 

    } 

Answer 1

text-decoration: underline; zu Ihrem CSS hinzufügen, und Ihre Funktion aufrufen, indem Sie einfach HTML-Element Auswahl, etwa so: selectItem(document.getElementById('myInput'),'foo').

Arbeits Jsfiddle: https://jsfiddle.net/tacj0eeq/2/