簡単な質問があります。CSSを使用して入力フィールドのプレースホルダーテキストを編集できることを知っています。しかし、実際のテキスト(ユーザーが入力するテキスト)にパディングを追加するにはどうすればよいのでしょうか。以下の画像を提供しました。プレースホルダーテキストにパディングを追加しましたが、入力フィールドの実際のテキストにパディングを追加して、プレースホルダーテキストに揃えるのに苦労しています。
これが私が試したことです:
.form TextInput {
padding-left: 10px;
}
これは明らかに機能しておらず、他の誰かが解決策を持っているかどうか疑問に思っていましたか?
編集:入力フィールド自体を移動しようとしているのではなく、内部のテキストだけを移動しようとしています。プレースホルダーの場合と同じですが、今回だけ、プレースホルダーの位置に合わせてテキストを移動します。
入力のパディング。フィールドまたはプリセット値パラメーターを入力するユーザーの場合:
.form input[type="text"] {
box-sizing: border-box;
padding-left: 10px;
}
プレースホルダーのパディング:
.form input::placeholder {
padding: 10px;
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加