2016-04-07 29 views
0

で入力したテキストにスタイルを追加し、私は、入力フィールドには、入力フィールド

<input name="keyword" type="text" placeholder="Job title, Keywords or Company Name"/>

+0

可能な複製(http://stackoverflow.com/questions/10589304/how-to-add-css-for-specific-input-type-text [特定の入力タイプのテキストのCSSを追加する方法] ) –

答えて

0

スタイルを追加する方法は複数あります。

最も好ましいのは、その後

<input name="keyword" type="text" class="txtCSS" placeholder="Job title, Keywords or Company Name"/> 

と、そのクラスにスタイルを追加するなどの、

.txtCSS{ 
    margin-left: 10px; 
    padding-left: 10px; 
    //you can add more styles if you require. 
    } 

第二の方法は、これらのようなCSSをインラインでバインドしているが、それは好ましくないとする必要がある場合に主に使用されていますページにのみスタイルを適用します。

<input name="keyword" type="text" Style="margin-left:10px; padding-left:10px;" placeholder="Job title, Keywords or Company Name"/> 
1

を入力したテキストにスタイルパディング左またはのmargin-leftを追加する方法を教えてください

input { 
 
    padding-left: 10px; 
 
    }
<input name="keyword" type="text" placeholder="Job title, Keywords or Company Name"/>

+0

ロバートあなたは儀式です。もう1つの質問。私は次のことをやろうとしています:入力フィールドにフォーカススタイルを追加しました(input:focus {padding-left:20px})。また、プレースホルダテキストのスタイルを追加しました(パディング - 左:20ピクセル)。このフィールドにカーソルを置くと、プレースホルダのテキストがカーソルから左に移動します。ですから、プレースホルダがある場所のテキストを書く必要があります。 – Maria

+0

プレイスホールはパディングを持つことができません。あなたが何をしているのか分かりません。コードを追加してください。 – Robert

0

あなたは、特定の入力にクラスまたはIDを追加することができますし、それにスタイルを与えることができます。

.abcd{ 
 
    padding-left:15px; 
 
}
<input name="keyword" type="text" class="abcd" placeholder="Job title, Keywords or Company Name"/>

関連する問題