テキスト入力欄の枠線や背景色を装飾する テキスト入力フォームにアイコンを加えるにはスタイルシートを使いました。 そのスタイルシートを使えば、枠線や背景色も簡単に装飾できます。 例えば、次のスタイルを加えます。 <style type="text/css"> input.withicon { background-image: url("sicon16.gif"); background-repeat: no-repeat; background-position: 2px center; padding-left: 21px; border: 1px #cc0000 solid; background-color: #ffffcc; color: purple; font-size: 100%; } </style> borderプロパティは枠線の装飾を指定するプロパティです。 上記では、
![テキスト入力欄の内側にアイコンを表示する - [ホームページ作成]All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)