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のボーダーを要素の間にいれようと思うと、 これがなかなかうまく …

no image

IE10以降にだけにCSSを適応するハック

最近あまりIE用のCSSハックを使うことが無くなったけど、どうしてもハックする必要がでてきたのでメモ。 @media all and (-ms-high-contrast:none){ .red { …

CSS 背景画像(画像置換)を使わないロールオーバー

前々から画像置換を使ったボタンってどうなの!?って思っていました。 そこでjavascriptを使わずにロールオーバーする方法のご紹介。 サンプルはこちら

CSS Firefoxのリンクの線を消す方法

CSSにて背景画像(画像置換)をしてリンクを付けている場合、Firefoxで閲覧するとはみ出てアウトラインが表示されてしまいます。 そこでこのアウトラインを表示させない方法のご紹介。 a { outl …

CSS 角丸グラデーションボックス

html <div class="box_01"> <div class="box_02"> <ul> <li> …