如何將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

添加text-decoration: underline;你的CSS，只是選擇你的HTML元素，像這樣調用函數：selectItem(document.getElementById('myInput'),'foo')。

工作的jsfiddle：https://jsfiddle.net/tacj0eeq/2/