1

私は HTML フォームを作成している途中で、それに効果を追加したいと考えています。

<input name="" type="text" class="" />グロー効果を持たせることは可能ですか？

送信ボタンにもこの効果を持たせることは可能でしょうか?

4

3 に答える 3

2

これは、クラス Button のすべての入力に対して機能します

input.Button {
-moz-box-shadow: 0px 0px 10px Green;
-webkit-box-shadow: 0px 0px 10px Green;
box-shadow: 0px 0px 10px Green;
}

@芋田あたり

これは、テキスト型のすべての入力に対して機能します

input[type='text'] {
  -moz-box-shadow: 0px 0px 4px #ffffff;
  -webkit-box-shadow: 0px 0px 4px #ffffff;
  box-shadow: 0px 0px 4px #ffffff;
}

そして、ホバーでのみ取得するには：

input[type='text']:hover {
  -moz-box-shadow: 0px 0px 4px #ffffff;
  -webkit-box-shadow: 0px 0px 4px #ffffff;
  box-shadow: 0px 0px 4px #ffffff;
}
于 2011-08-03T15:14:55.380 に答える
0

これにより、「テキスト」タイプの入力が選択されます。次に、#FFFFFF好きな色に変更します。理論的には、これは機能するはずです。そうでない場合は、inset各コロンの直後に追加します。正確なouter-glow複製ではありませんが、ニーズに合うと思います。


input[type='text'] {
  -moz-box-shadow: 0px 0px 4px #ffffff;
  -webkit-box-shadow: 0px 0px 4px #ffffff;
  box-shadow: 0px 0px 4px #ffffff;
}
于 2011-08-03T19:00:33.160 に答える
0

Photoshop または Fireworks を使用してオブジェクトまたはアートワークを作成し、CSS ファイルを使用してそのグラフィックを開発にインポートできます。例：

div#btn {
background-position: top right;
position:absolute; */
margin:0px 0px; padding:0px;
text-align:center;
background-image: url(images/bg1.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
}

次に、HTML で、ボタンでその div を呼び出すだけです。

于 2011-08-03T15:16:04.817 に答える