javascript - CSS を使用してフォームのスタイルを設定する方法

Question

近日公開予定のページ用にフォームのスタイルを設定しようとしています。CSS、HTML、JQUERY / JAVASCRIPT のみを使用することに固執しようとしています。どうやってこのようなことをするのだろうと思っています。![ここに画像の説明を入力][1]

ここでサイトを見つけることができます: http://www.learnstreet.com/

よろしくお願いします！

PS申し訳ありませんが、画像も投稿できませんでした。評判が十分ではありません。

score 0 · Accepted Answer

通常のオブジェクトと同じように、フォームにcssを追加するだけです。口実と丸みを帯びた角が必要な場合は、そのような背景画像を使用できます。

これが入力です。

<input style="border:0;" size="42" type="text" name="subemail" value="Enter your pretext here."/>

これは送信ボタンとしての画像です。

<input type="image" src="image source here" height="53" width="100" border="0" />

次に、css border radiusを使用して、これらすべてをdiv内に配置できます。

border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;

または、単にdivに背景画像を与えるだけです。これはすべてhttp://www.penny-patrol.comで見ることができます。これは、この入力タイプを使用して作成したサイトです。

score 0 · Accepted Answer

これは、javascriptから要素のスタイルを設定する方法についてのちょっとした工夫です（例でもそれらを生成します）。それはあなたが求めているものと正確には見えませんが、javascriptからフォーム要素をスタイルする方法を説明する必要があります。

編集：すでに受け入れられた答えとして少し遅すぎます:)

2 に答える 2