How to Apply CSS to input tag values

Question

I have a input tag with this 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;
}

I wanted my Input field value should be underline and ';' at the end. How should I write CSS for that.

Here is I am setting my input Value.

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

    }

text-decoration: underline

sn3ll
– sn3ll

2017-06-20 14:33:57 +00:00
Commented Jun 20, 2017 at 14:33 — sn3ll
– sn3ll, Commented Jun 20, 2017 at 14:33
This is partially correct but how to apply in my code

David
– David

2017-06-20 14:36:57 +00:00
Commented Jun 20, 2017 at 14:36 — David
– David, Commented Jun 20, 2017 at 14:36

V. Lichtenberg · Accepted Answer · 2017-06-20 14:37:33Z

1

Add text-decoration: underline; to your CSS, and just call your function by selecting your HTML element, like so: selectItem(document.getElementById('myInput'),'foo').

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

answered Jun 20, 2017 at 14:37

V. Lichtenberg

863 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to Apply CSS to input tag values

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related