BlogPeople リンク表示を整える

Top

BlogPeople リンク表示を整える

BlogPeopleのリンク表示で
selectタグによるプルダウン表示が出来るようになりました。
（けっこう前からですが）(^^ゞ

ComComでも早速この形にしました。
サイズが小さくて済むのでトップに配置しました。

でもこのプルダウン、ブラウザによって全然形が違います。
なので調整しました。
Explorerのみで有効なのですが、よろしければお試しください。

まずは、そのまま初期状態を比べてみましょう！

Safariだと美しいこんな表示なのですが
MacIE5だと

ショボーン

Win IE6

しょぼぼーーん

修正方法
簡単です。CSSを修正します。
以下をどこでもいいので追加します。

select{
font-size:11px;
background:#E6E6E6;
margin-bottom:3px;
border:1px solid #ccc;
}

フォントサイズや枠線などお好みで調整してください。
iBlogの場合は、追加後リセット後プレビューで確認して下さい。

使用後

MacIE5