kawama.jp

cssのoutlineプロパティでフォーム要素のアウトラインを指定する

カテゴリ: CSS — タグ: , , — 2010年7月1日 20:51 — Comments (0)hatebu count
cssのoutlineプロパティを使うと、フォームの各要素をデコレーションできます。


<style type="text/css">
input:focus, select:focus, checkbox:focus { outline: 5px #0000ff dotted; }
</style>

<form name="test" id="outlineTest">
<input type="text" name="t1" value=""><br>
<select name="t2"><option value="1">select1</option><option value="2">select2</option><option value="3">select3</option></select><br>
<input type="checkbox" name="t3" value="1">checkbox
</form>

こんな感じになります。

checkbox

cssのみで手軽に実装できるので便利です。

参考:http://www.tagindex.com/stylesheet/form/outline.html

コメントはまだありません »

No comments yet.

RSS feed for comments on this post. TrackBack URL

Leave a comment

Copyright (C) 2002 - 2017 kawama All Rights Reserved. — Powered by WordPress