Metin girişi ile bir web sayfası var. Android tarayıcı (en azından ben kaldım şimdi Android 2.3.4) odaklanmak sayfasında giriş üzerinde kendi kontrol kaplama gibi görünüyor.

Sorun kaplanmış kontrol beyaz bir dikdörtgen ve çirkin görünüyor. Bir şekilde devre dışı bırakmak veya bir şekilde tarzı var mı?

GÜNCELLEME:

İşte Android emülatörü bir örnek:

Yuvarlatılmış Köşeleri ve arka plan kaybolur. Gerçek cihaz üzerinde bile kontrol etrafında bir sınır görmüyorum.

Muhtemelen jQuery Mobile kullanıyorum bahsetmeliyiz. Test cihazım HTC Evo 4G.

İlgili sorular:

Input has different style on focus

Input-Elements in WebViews always have the same style if highlighted on HTC Devices

Son olarak, Android 2.3 cihazlar için bu sorunu çözdüm.

Mümkün gerçekten kaplamayı kaldırmak için değil, ama Olası görüş dış kaplama taşı.

Kaplamayı giriş alanı olarak aynı pozisyonda konumlandırmaya çalışır. Bu genişlikte kopyası ve konumu ile atama olan uzaklık

position:relative

ve

top:-10000px

Ama kaplamayı pozisyonu kopyalamaz ile atanmış olan uzaklıklar

-webkit-transform: translate3d()

Bu iScroll gibi JS kütüphaneleri ile çeşitli sorunlar neden olur.

Ama bu da bize kaplamayı gizlemek için yardımcı olur:

input[type="password"], input[type="text"]{
  position:relative;
  top:-10000px;
  -webkit-transform: translate3d(0, 10000px, 0);
}

Görünüm penceresi dışında giriş alanına yerleştirin. Kaplama yanında kendini pozisyonlar. Şimdi translate3d kullanın() eski konuma taşımak için.

Biz zaten mobil web çerçevesinde bu çözüm kullanın "Mobile":qooxdoo http://demo.qooxdoo.org/devel/mobileshowcase/index.html#/form