Search code examples
javascriptjquerycssjquery-tokeninput

Same look for 2 different elements

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

enter image description here

Firefox

enter image description here

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

Solution

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

    that will force the inputs to have the same effect