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