テキスト入力欄の内側にアイコンを表示する - ［ホームページ作成］All About
テキスト入力欄の枠線や背景色を装飾する テキスト入力フォームにアイコンを加えるにはスタイルシートを使いました。 そのスタイルシートを使えば、枠線や背景色も簡単に装飾できます。 例えば、次のスタイルを加えます。 <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プロパティは枠線の装飾を指定するプロパティです。 上記では、
inputのtype=fileをCSSでクールにスタイルするサンプル:phpspot開発日誌
Styling File Inputs with CSS and the DOM // ShaunInman.com This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation. inputのtype=fileをCSSでクールにスタイルするサンプル input type=file なエレメントを次のように美しくスタイリングするサンプルが公開されています。 これはなかなかクールですね。Web2.0なサイトでは是非実装したいスタイルです。 関連エントリ サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ CSSでデザインされたテーブルレスでクールなフォームサ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
