自分のウェブサイトのテキスト入力のようなOS Xを作成しようとしています。彼らはCSS3のブラウザでとてもうまく出てきました。問題は、境界がなく、背景が白であることです。したがって、ブラウザがbox-shadowまたは-moz-box-shadowまたは-webkit-box-shadowをサポートしていない場合、それはテキスト入力であるとは判断できません。あなたはそれを見ることができません。私はCSS3以外のブラウザに限って境界線が必要です... 私が書いたCSSはここにあります。http://jsfiddle.net/wUMDG/ これは可能ですか？CSS3入力スタイリング
私は言いたいことを忘れてしまいました。境界線を追加すると醜いものになります。そのため、CSS3の場合は境界線を表示したくありません。
古いブラウザ用の境界線を配置することをおすすめします。 CSS3をサポートしているブラウザだけがCSS3のプロパティを読み込みます。古いブラウザはCSS3を無視します。
また、radiusプロパティでは、境界線を曲線にすることができます。曲面に影を使用する必要はありません。そうすれば、ブラウザがCSS3をサポートしていない場合は、代わりに四角い枠を使用します。詳細は
、CSS2とCSS3のセクションを確認してください。
http://www.quirksmode.org/compatibility.html
UPDATE：
チェックこのフィドル：http://jsfiddle.net/wUMDG/2/
ノーならば、それは正方形の国境として失敗しますがCSS3のサポート。青とグレーの境界線は残ります
あなたはそれを取得しない、私はOS Xを好きなので、私は影をしたい。しかし、私はIE6、IE7＆IE8にはフォールバックが必要です。 「Internet Explorer」（目を転がす）... – henryaaron
普通のCSSを使用しているのはこれだけですIE6,7,8のような古いブラウザはCSS3を理解しておらず、あなたの影をレンダリングしません。それ以外の場合は、画像の背景を使用する必要があります。 – Joseph
ここに私のフォーカスがあります（http://jsfiddle.net/UuvNc/）同様のコンセプトフォーカスに影を残しました –
たぶん...私は軽量化のために元々反対でしたが、htcファイルの束は私はちょうど他のブラウザが 'behavior'属性をサポートしていないので、ファイルをダウンロードしないことを覚えていました。だから... – henryaaron
残念ながら、ボックスシャドーはiPhone、iPadなどの入力では機能しません携帯電話。だから私はボーダーとPIEの両方を使ってしまった。しかし、私は国境の回答を受け入れるように強制されている... – henryaaron
1px境界線を追加しても外観には影響しません。それを1pxにし、ほぼ明るい灰色にします。 –
CSS3という用語は、ここでは非常にゆるやかに使用されています。接頭辞付きのプロパティは、仕様の一部ではありません。 CSS3ブラウザを定義するのは何ですか？ – BoltClock
@BoltClock CSS3をサポートするもの – henryaaron