検索フォーム続編：Safari だと酷すぎる
で、一晩空けて親切な方がSBMのコメントにて「Safari だとひどい」と教えてくださった。しかもーースクリーンショットまで作ってくださりました。で、こんな感じ。(forestk様、ありがとうございます。直接画像にリンクするのもアレだったんでDLさせて頂きました。)
※追記：cornsさんもページ全体をキャプチャしてくださいました。
ありがとうございます! >>で、こんな感じでした。
･･･これはひどいな。
ここでSafari用ハックを考えたわけですが、
(追記)ごめんなさい。間違ったソースを書いていたので勘違いされる方がいらっしゃると申し訳ないので、ソースは削除しました。
キャプチャして頂いた画像を見ると前回の指定でSafariに効いてるのはテキストフォームの幅・高さくらいなのかな。ボーダーはコレ入ってるっつーかデフォルト状態なのかな。←Safariのデフォ状態が記憶にない人。
で、何が分かったの？
- Safariではinputに背景画像が入らないらしい。
- Safariでは幅と高さはcssで言う事を聞いてくれるらしい。
- input回りの挙動に関してはIEとFx、NNは同じようなcss指定が効く。
- OperaとSafariはデフォルトのスタイルの方が実はカッコいい。
Safariのみに適応させるのは「*+html:first-child」らしい。- SafariとOperaへの適応が「html:first-child」らしい。(追記)
- Operaのみ適応が「*+html:first-child」とのこと。(追記)
- あまりこういう事はしない方がよかったと反省。
あー、この指定でSafariでもマシになってるといいんだけど･･･。
(追記)全然ダメらしい。。。ていうか、ハック指定勘違いしてたし。ソース消す前にご覧になられた方、混乱させてごめんなさい。
一番混乱し出したのが自分自身という現在。
ちとSafariに関してはもっと調べねば。何にせよ、手元にmacがないのが痛すぎる。
ハックで参考にさせて頂いたサイト
<< CSSで検索フォームの見た目を変更 | CSSでポップアップネタ・改正版 >>
トラックバック
このエントリーのトラックバックURL:
http://redline.hippy.jp/cgi/mt/mt-tb.cgi/124
コメント (4)
ウーン。Safariではなんにも変わってないですねw。
buttonエレメントを使って背景に画像を埋めるしかないかも？
投稿者: corns | 2007年03月26日 17:58
>cornsさん、何度もすみませんー。
なんか根本的にSafari用のハックを指定する方法ってのが違ってたです。はい。ほんとすいません･･･。
気になってるのはSafariのそのでっかくなったテキストフォームにフォーカスした時にどの位置にテキストが入るのかって部分だったりします。
それだけでかくなっててもフォーム高さの真ん中にテキスト入るのかなーと。上過ぎたり下過ぎしてたら嫌やなぁとか。丁度高さが真ん中に入ってるなら、これはこれで検索フォームの場所とか分かるやすいしいいんじゃないかと相当妥協気味の私であります。ひどいことは事実なんですが(汗
投稿者: Red | 2007年03月26日 21:19
Redさん、こんにちはー。
お疲れ様です。
一応、Mac使いなので検証してみました。
Safariのフォームの入力位置ですが、一番上のようです；；
実は、私もサイトアドレス変更するついでにリニュしようと色々試行錯誤してるところなのですが、それぞれのOS、ブラウザで微妙に違うので、もーイライラ。（汗）
私も今回入力フォームをかっこ良くしよう！と意気込んでいたのですが、どうもボツになりそうな気がしてきました。（涙）
最後に、CSS関連情報、非常にありがたく読ませていただいております。ありがとうございます。
m(_ _)m
投稿者: さち | 2007年03月26日 23:15
>さちさん、こんばんわー。
Safariにぎゃふんと言わされているRedです。
なーんかいろいろ調べてたらSafari単体がどうこうっていうよりOSの仕様でいじれないみたいな情報もチラホラ。確かにmacのインターフェイスはいい感じですもんねー。
>一番上のようです；；
ダーーーーーーーーーー。
やっぱりそういう事態になっていたのか(汗)
line-heightいじっても意味なさげだなぁ。Safariユーザーさんには『何コレ』と思われてもしばらくこのままで行く予感です。ごめんなさい。
>サイトアドレス変更するついでにリニュしようと色々試行錯誤
おおおおおお。新しいデザイン楽しみにしてますー。CSSすげーー楽しいですが、とにかくmac欲しいっす。なにはなくともSafariが使いたい今日この頃。
投稿者: Red | 2007年03月26日 23:26