niwadesign

ホームページ制作のネタ発信

CSS講座 Safari 小ネタ

iPhone Safariのsubmitボタンのデザインを変更する方法

投稿日:

submit

通常CSSでbackgroundやborder-radiusをかけることによってスタイルを定義することができますが、
iPhoneSafariの場合は最初にリセットする必要があります。


#hdSearch form input[type="button"],
#hdSearch form input[type="submit"] {
-webkit-appearance: none;
}

参照サイト
http://d.hatena.ne.jp/zhuweichen/20130626/1372234580

-CSS講座, Safari, 小ネタ
-

執筆者:


comment

メールアドレスが公開されることはありません。

関連記事

幅いっぱいのスマホサイトのメニューで1pxのボーダーを追加する方法

基本的にスマホサイトを作る際はリキッドレイアウトにすることが多いと思う。 その際1つ1つの要素に対して%(パーセント)指定をするが、1pxのボーダーを要素の間にいれようと思うと、 これがなかなかうまく …

CSS PDFなどのアイコンを自動で表示する裏技

pdfやdocなどの決まった拡張子にCSSを使って自動でアイコンを表示させる方法がphpspot開発日誌に紹介されていました。 とっても便利なのでゼヒ使ってみましょう。 ※IE6では表示されないのでj …

CSS リストを使わなくても簡単にリスト風になるtext-indent

ちょっとした時などに、わざわざ新しくCSSを定義しなくてもリスト風のスタイルがtext-indentでできます。 サンプルはこちら

パーセント(%)指定したボックスにボーダーを指定する方法

最近はスマホサイトの制作も増え、ボックスの幅をパーセント(%)指定することが増えてきました。 その際にボックスにボーダーを追加するとボーダー分幅が広くなりカラム落ちすることがあります。 そんな時は、ボ …

スマホサイト(iPhone)のソースコード(htmlソース)確認方法

スマホサイトを制作する時に、たまに実機でjsの挙動などソースコード(htmlソース)を確認したい時があります。 そんな時、役に立つ小技をご紹介。 Bookmarklet(ブックマークレット)を使った方 …