Safari の開発者向けサイトのサンプルコードにある iPhone の UI によくあるボタンっぽいボタン iPhoneButtons を画像を使わずにというか、 CSS3 の -webkit-border-image を使わずに再現してみる試み。 動作確認 Chrome(7.0.517.41) で確認。 同じ webkit の Safari でも表示されますが、微妙な動作の違いでボタンの上にボーターを 1px 入れないと光沢感が足りない。 -webkit-gradient の調整とか -webkit-box-shadow + inset でうまくいくかもしれない。 iPhone 向けに使うボタンのはずなのに Safari では調整しないと使えないとかあれです。 デモサイト/Demo Site iPhone Buttons with/without -webkit-border-imag