webデザインスマートフォン用にコーディングするの楽しいですよね。iPhoneのSafariでちまちま見ながらコーディングしてるとあることに気が付きました。backgroundで指定した色がなんか薄い?原因はあらかた想像はつきますが、ボタンにうっすらグラデーションがかかってるのにお気づきでしょう。safariデフォルト設定のCSS3のグラデーションがムダに効いてしまっているようです。グラデーションはbackgroundのgradientで指定できます。gradientを指定してやるとこの通り↓デフォルトのグラデーションが上書きされてCSSで指定したものにしっかり変わりました。上下に指定したpaddingも反映されてなかったようですね。縦にすこし長くなりました。safariのバグでしょうか?CSS3のグラデーションは記述がとてつもなく長いのでwebサービスのジェネレーターなどでコードを生成して書いてやりましょう。ジェネレータはググればたくさん出てきますが、私はこれを良く使っています。GeneratorCSS3、うまい具合に取り入れていきたいですね。*****/調べていると、CSS3のグラデーションを使わない、もっと簡単な方法がありました。button;」を書くだけです。button;}こんな感じに。none;」を使うとsafariのいろんなフォームの初期設定を解除することができます。submitの場合もnoneでいいかもです。(2013.03.23追記)Tweetあなたにおすすめの記事プロフィールid:emj1025Webデザイナー。デザイン・ギター・宅録を少々。このブログでは気になった製品、HTML/CSS、Webデザイン、音楽などを記事にしています。Reserved.スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。