ki:blog

メモメモ。

セレクトボックスは、殆どのブラウザでボーダーカラーが指定出来ないので、フォームレイアウトでボーダーカラーを指定する際、そこだけ閲覧者の環境に依存するので大変不便です。
そこで、セレクトボックス以外のフォームを、セレクトボックスに近い色にもっていきます。

例）普通にボーダー装飾した場合


ahaha
ufufu
ohoho


例）他のフォームをセレクトボックスに近づけた場合


ahaha
ufufu
ohoho


[画面のプロパティ]の[デザイン]で[配色]を変えてみてください。
普通に配色した場合はテキストフォームが固定色ですが下の例では画面配色によって色が変わります。
これは、通常の#000000などの固定色ではなく、OSに設定されているシステムカラーを指定したためです。

記述例）
<input Type="text" style="border:1px solid Highlight;">

参考）システムカラー

でもセレクトボックスで使われているのがどのシステムカラーなのかは分かんないんだよね…。CSS2で指定できないカラーなのかなぁ。情報求む。