僅隱藏輸入字段的內容

我有一個跨度與我的輸入字段重疊，當您在輸入字段中鍵入內容時，它會更新其內容。僅隱藏輸入字段的內容

儘管我在輸入文本上完美地定位了跨度，但您仍然可以看到文本更粗體，字母更粗。

（場nr.1-與跨度，nr.2-不含）

我試圖隱藏整個輸入字段，但隨後也光標消失，沒有這些打字是非常混亂。

有沒有一種方法可以只隱藏輸入字段的文本？

爲什麼你甚至需要跨度？ – litelite

您的跨度背景可能仍然是透明的，這是默認值。將範圍的背景設置爲白色以隱藏輸入。 – jlahd

我需要它來操縱顏色，就像這裏：https://stackoverflow.com/questions/45233743/javascript-how-to-change-color-to-only-part-of-the-string-in-an-輸入字段 –

只需設置你的輸入文本無形光標黑色的：

#box { 
 
     color: transparent; 
 
     caret-color: black; 
 
    }

<input type="text" id="box" value="some_sample_text">

因此，這種方式的文本是不可見的，但曲軸顯示。隨着你的跨度覆蓋這應該是你想要的。但是不要忘記你的輸入字段必須具有相同的大小和字體大小，否則插入符號位置錯誤。

2017-08-16 08:04:31 Doomenik

好了，經過一段時間後，這是我登陸：

input{ 
 
    position: absolute; 
 
    top: 25px; 
 
    left: 25px; 
 
} 
 
#bottom { 
 
    z-index: 1; 
 
} 
 
#top { 
 
    z-index: 3; 
 
}

<div class="txt"> 
 
<input type="text" id="bottom" value="bottom_box"> 
 
<input type="text" id="top" value="top_box"> 
 
</div><br>

2017-08-15 13:17:27

但我需要'top_box'作爲一個範圍... –

如果您有示例代碼或其他內容，請提及它。以便我們能夠理解整個問題 –

回答