1
A
答えて
4
あなたのテキストボックスと正確に背景色を持っているコンテナのdivを置きます。これにより、テキストボックス内にあるボタンの効果を得ることができます。
1
簡単にdivに入れ、divを入力テキストのようにスタイルします。次に、入力フィールドをdivと同じ背景にします。
0
私はblogと似たようなことをして、相対的な配置を使ってコメントを投稿しました。このメソッドで余分なHTMLマークアップは必要ありません。
開始ボタンをテキスト入力のすぐ下に置いてから、相対入力でテキスト入力に上に移動します。このようなものはうまくいくはずです。
input[type="text"] { <-- Your text input (height comes out to 35px with padding)
height: 25px;
padding: 5px;
margin-bottom: 0;
}
input[type="submit"] { <-- Your submit button (10px shorter for padding)
height: 25px;
position: relative;
bottom: 35px;
right: 5px;
margin-top: 0px;
margin-bottom: -30px; <-- To get rid of the empty leftover space.
}
関連する問題
- 1. スタイリングの難しさCSSフォーム
- 2. 中央フォーム送信ボタンhtml/css
- 3. フォーム送信ボタン@透明なCSSスプライト
- 4. フォームは、フォーム送信
- 5. divのCSSスタイリング
- 6. GoogleのCSSスタイリング
- 7. GTKSharpのCSSスタイリング
- 8. フォームの送信応答を送信
- 9. フォームを送信
- 10. Ajaxフォーム送信
- 11. は、フォーム送信
- 12. フォーム送信
- 13. フォーム送信イベント
- 14. フォーム送信
- 15. 送信フォーム
- 16. バーコード送信フォーム
- 17. 送信フォームのデータを送信者のメールアドレスに送信
- 18. css印刷スタイリング
- 19. CSSスタイリングは
- 20. スタイリングとCSS
- 21. ホバー上のCSSスタイリング
- 22. JavaScriptの(ダイナミック)フォームのCSSフォントと背景のスタイリング
- 23. PHPフォーム送信ボタン/データベースに送信
- 24. 送信ボタンで送信しないフォーム
- 25. 送信ボタンでフォームを送信
- 26. Ajaxフォーム送信ボタン付きで送信
- 27. フォームの送信時にCSSルールを変更しますか?
- 28. データをメールで送信できないためのCSSフォーム
- 29. Javascriptがフォーム送信
- 30. MVCフォーム送信コールバック
両方の入力フィールドはおそらくdivで囲まれており、テキストボックスには境界線がありません。 – ZippyV