デスクトップカスタマイズ
デスクトップカスタマイズ

Visual styleでsubmitボタンがうまく表示されない(IE)

2011年 8月 23日(火曜日) @ 17:32:00 JST
久々にWindows7にサードパーティ製のVisual Styleを使ってみました。わりと気に入ったデザインだったのですが、使っている途中で、Submitなどの文字のボタンが異常に小さくて読めないことに気づきました。
ブラウザはIE9です。
文字読めない←こんな感じで、なんのボタンやらさっぱりわかりません。
この画面のサイトのような類だと、読めないとこわくて押せません。
もっと怖いところでも、読めないボタンが4つぐらい並んでいて、何を選んだらよいのやら・・・という状況でした。
これはイカンよな?



Visual styleを別のものにするという選択肢もありましたが、デザインは気に入っていたので他の方法を検索。
IE8のSubmitボタン(送信ボタン)が小さいよ(過去記事)
↑こちらを参考にして、インターネトオプションで指定すると
styleをはずす←機能的にはこれで問題ありませんが、ちょっと古くさくなってしまいますね。
せっかくネットで探してきたVisual Styleを使ってるのにちょっと残念かも・・・
でも怖くて押せないボタンがなくなるのはうれしいです。

Very small form buttons with IE8 and Maxthon 2 [FIXED]
↑つぎに見つけたのはこれです。タイトルは先程の日本語のサイトとほぼ同じですねkao07
流し読みしたところ、
quote:
Are you on XP with a custom visual style/theme/skin ?
Looks like the 'problem'(well, custom VS is 3rd party) carried over from the RC.

Try this to kind of 'fix' the tiny buttons:

1) Open Notepad, type the following in and save it as a CSS
INPUT {
font-size: 10pt;
}

2) Go to Internet Options->General tab->Accessibility button

3) Under the User Style Sheet in the Accessibility window, browse to the CSS you created in step 1.

That should make the form fields and button bigger.
スタイルシートを適用自前のスタイルシートを適用しちゃいましょうってことのようです。なるほどね。Visual styleを手直ししなきゃならないのかと、あたふたしてしまいましたが、簡単な解決法があるんですね。
いい感じになりました。


適当な場所にスタイルシートのファイルを作ります。
サイズ指定これは試験的にデスクトップに作ってますが、実際はこんな邪魔なところに作っちゃダメですよね。

インターネットオプションをひらいて
インターネットオプション-[全般]タブの下の方にある[ユーザ補助]をクリック

スタイルシートファイルを指定先ほど作ったファイルを指定するだけでOKです

まあIE使わなきゃいいんですが、Firefoxは非力なパソコンだと重くて・・・
このサイトってばIEとFoxとSafariだけなんですよね・・・
IE9は非力なパソコンでも動作がわりと軽いので、これを何とかしなきゃって思ったわけです。
Safariは使ったことありません・・・

FXプライムのサイトはchromeでも動く


上記のサイトはchromeでも表示できました。(全機能が正常動作しているかどうかはわかりません)
でもVisual Styleを適用しているせいか、今度はsubmitなどの文字がでかすぎ・・・
もうなんやねん、このVisual style・・・
ChromeもiE同様、あまり使ったことがないので、どうやったらよいのかさっぱり。
ネットで検索したところ、
custom.css(C:-Users-ユーザ名-AppData-Local-Google-Chrome-User Data-Default-User StyleSheetsというところにあるらしい。)でfontの設定をすればいいようです。
quote:
body, textarea { font-size:14px;font-family: “メイリオ”, “MS Pゴシック”, sans-serif; }
input, select { font-size:14px;font-family: Arial, “MS Pゴシック”, sans-serif; }
とりあえず、こんな感じにしてみました。UTF-8 bomなしで書きだす必要があるそうです。

やっぱchrome表示速いですね。
roboformもかなりchrome対応が進んできているので、firefoxからそろそろおさらばしようかな?




taetae 投稿日  2011年 8月 23日(火曜日) @ 17:32:00 JST

人気の記事

しきい値

投稿文の内容についての責任は投稿者に帰します。


お名前: [ ユーザ登録しませんか? ]

Title:


Comment:

  
文末にアイコンを挿入


許可されたHTML:


|
デスクトップ デスクトップ
  Aero Lite with glass Windows7用Visual Style Windows 8風?
このページの先頭へ

トピックス内新着記事

サイト内検索

最新のコメント

Link

トピックス

Copyright - © tae since 2000.11 All Rights Reserved
Web site engine's code is Copyright © 2002 by PHP-Nuke. All Rights Reserved. PHP-Nuke is Free Software released under the GNU/GPL license.