0

ユーザーが「ページ内検索」ブラウザ機能を使用してプレースホルダー テキストを検索できるようにする方法はありますか?

プレースホルダー テキストを含む高さゼロの要素を追加できることは理解していますが、それはハックなソリューションのように思えます。おそらく、CSS 疑似クラスを使用したものでしょうか?

編集:言及する必要がありますが、これまでのところ、これは Chrome for iOS(10.0.2) のみの問題です。

コードは非常に単純です。

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

Chrome のスクリーンショットは次のとおりです。 iOS の chrome ページ内検索

これは、「最初」を検索すると得られるものです

クロームフェイル

4

1 に答える 1

0 

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-19T13:22:34.547 に答える