如何将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/