Question

I was looking for jQ plug-in which gives same result as StackOverflow tags. Found one using Tokeninput.

Please take a look at this link http://jsfiddle.net/nXxZW/3/.

And now, look at this screenshots:

Chrome

Firefox

As you see, input text element looks a bit different on browsers.

What I’m trying to get is, exactly same look to ul element as input text with CSS (I mean, width, border, inset shadow.. etc. Tried but can’t figure out what am I missing) or plugin modification to get same result in input text box rather than ul li structure (like Stackoverflow tags. I think it’s a bit difficult to achieve.) Any suggestions? Thanks in advance

Answer 1

for both inputs, add border: 1px solid #ddd; and also background: white;

that will force the inputs to have the same effect