1

ここに画像へのリンク：http： //i.stack.imgur.com/oh37d.jpg

私と私のチームは、JSF2.0とJBoss7を使用して学校プロジェクト用のWebアプリケーションを開発しています。アプリケーションの実行には古いHPタッチパッドを使用する必要があるため、現在、デフォルトのHPwebOSブラウザーでラップトップのIPを介してアプリに接続して表示しています。スタイルにTwitterBootstrapを実装し始めるまで、すべてが正常に機能していました。問題は、ラップトップブラウザ（IE、Chrome、Firefox）ではページが見栄えがよく、問題がないことですが、タブレットでページを表示すると、各テキストボックスの右側に数百ピクセルのブラックボックスの影があります。テキスト領域（写真に表示）。

古いブラウザでこのような原因となるCSS属性を知っている人はいますか？

事前に助けていただければ幸いです！

4

1 に答える 1

1

それが実際にシャドウに関連している場合は、を確認することをお勧めしline 990ますbootstrap.css。

これは、TwitterBootstrapのバージョンによって異なる場合があることに注意してください

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

box-shadow宣言を削除して、何が起こるかを確認します。

予防策として、すべてのオカレンスを検索してbox-shadowコメントアウトし、違いが生じるかどうかを確認できます。

プロパティを絞り込んで修正したら、JSマジックを使用して、その特定のブラウザのシャドウのみを削除できますが、それについて新しい質問をします。

于 2012-10-25T00:54:35.983 に答える