Chrome for iOS上的輸入元素中的可搜索佔位符

有沒有一種方法允許用戶使用「查找頁面」瀏覽器功能搜索佔位符文本？Chrome for iOS上的輸入元素中的可搜索佔位符

據我所知，我可以添加零高度的元素包含佔位符文本，但這似乎是一個hacky解決方案。也許使用CSS僞類的東西？

編輯：我應該指出，到目前爲止，這僅僅是一個在iOS版Chrome的問題（10.0.2）

的代碼非常簡單：

<input type="text" placeholder="First Name">

這裏的Chrome瀏覽器的截圖：

這是我所得到的，當我搜索 '第一'

來源

2016-10-19 andrei

檢查此鏈接：-https：//css-tricks.com/almanac/selectors/p/placeholder-shown/ –

，讓我強調的輸入元素，但使用「在頁面中查找」仍然不會找到它。例如，如果該元素從用戶視圖中走出頁面。 – andrei

請提供jsfiddle exectly你想要什麼？ –

input { 
 
    font-size: 1.5rem; 
 
    margin: 10px; 
 
    padding: 10px; 
 
    width: 65%; 
 
} 
 
input:placeholder-shown { 
 
    border: 5px solid red; 
 
}

<form> 
 
    
 
    <input type="text" placeholder="Placeholder text" value="Currently has a value (not showing placeholder)."> 
 
    
 
    <input type="text" placeholder="Currently has no value (showing placeholder)."> 
 
    
 
</form>

來源

2016-10-19 13:22:34

仍然沒有在iOS上使用Chrome（我有10.0.2） – andrei

對不起，但我會嘗試 –

Chrome for iOS上的輸入元素中的可搜索佔位符

回答

相關問題