跨度輸入（設置位置）

Question

我想將輸入邊框替換爲跨度邊框，但我無法爲輸入設置正確的位置。

跨度=橙，輸入=灰色： Image

CSS

input[type=text] 
{ 
    padding: 0px; 
    outline: none; /*border: 0;*/ 
} 

.mySpan 
{ 
    padding: 0; 
    border: 1px solid darkorange; 
} 

HTML

<span class="mySpan">    
    <input id="myInput" type="text" value="SUP" /> 
</span> 

Answer 1

border:0; 

http://jsfiddle.net/yLLhY/