ホームページ > 記事 > ウェブフロントエンド > CSS を使用してフォーム入力に背景色を追加する
CSS を使用してフォーム入力に背景色を追加する
- 王林転載
- 2023-09-17 13:01:021309ブラウズ
フォーム入力に背景色を追加するには、background-color 属性を使用します。
次のコードを実行して、フォームの背景色属性を実装してみてください。
Example
ライブ デモンストレーション
<!DOCTYPE html>
<html>
<head>
<style>
input[type=text] {
width: 100%;
padding: 10px 15px;
margin: 5px 0;
box-sizing: border-box;
background-color: gray;
}
</style>
</head>
<body>
<p>Fill the below form,</p>
<form>
<label for = "subject">Subject</label>
<input type = "text" id = "subject" name = "sub">
<label for = "student">Student</label>
<input type = "text" id = "student" name = "stu">
</form>
</body>
</html>以上がCSS を使用してフォーム入力に背景色を追加するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。
前の記事：CSSボックスモデルを定義する次の記事：CSSボックスモデルを定義する