CSSを入力タグ値に適用する方法

Question

私はこの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; 
} 

私は私の入力フィールドの値はunderlineとあるべきたかりました「;」最後に。それにどのようにCSSを書くべきですか？

ここで入力値を設定します。

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

    } 

Answer 1

あなたのCSSにtext-decoration: underline;を追加し、ちょうどそうのように、あなたのHTML要素を選択することで、あなたの関数を呼び出す：selectItem(document.getElementById('myInput'),'foo')。

ワーキングJsfiddle：https://jsfiddle.net/tacj0eeq/2/