0

入力要素の上にラベルを配置する必要があるこの問題が発生しています。下の画像は背景画像を使用してトリックを実行していますが、ラベルを使用して実行したいと考えています。または多分スパン！CSS3 スタイリング チュートリアルの Google リンクを試してみましたが、何も見つかりませんでした。それらはすべて画像を使用してアイコンを配置しています。テキストを含むスパン/ラベルを配置したい。

サンプル入力要素。

上の画像のように、アイコンが配置されている方法でスパンまたはラベルを配置するにはどうすればよいですか。何か案は。

4

1 に答える 1

3

このようなことを意味しますか？

デモ

<div>
    <label for="test">L</label>
    <input type="text" id="test" />
</div>

div {
    position: relative;
}

label {
    position: absolute;
    left: 5px;
}

input[type=text] {
    padding-left: 15px;
}
于 2013-06-17T05:59:04.343 に答える