Yalnızca Android Ice Cream Sandwich'in HTML/CSS'deki gibi bir giriş alanı oluşturmak ve resimleri kullanmak istemiyorum.
Bu küçük sınırların yapılmasıyla takılıyorum (aşağıdaki resim), Herhangi biri yardım ederse harika olur.Android ICS benzeri giriş alanı CSS
cevap
DÜZENLEME
Ben oldukça şık buldukça, bu soruya karşısında tökezleyerek insanlar için owencm yorumuna eklemek istediğiniz:
CSS
input.holo[type='text'] {
/* You can set width to whatever you like */
width: 200px;
font-family: "Roboto", "Droid Sans", sans-serif;
font-size: 16px;
margin: 0;
padding: 8px 8px 6px 8px;
position: relative;
display: block;
outline: none;
border: none;
background: bottom left linear-gradient(#a9a9a9, #a9a9a9) no-repeat, bottom center linear-gradient(#a9a9a9, #a9a9a9) repeat-x, bottom right linear-gradient(#a9a9a9, #a9a9a9) no-repeat;
background-size: 1px 6px, 1px 1px, 1px 6px;
}
input.holo[type='text']:hover, input.holo[type='text']:focus {
background: bottom left linear-gradient(#0099cc, #0099cc) no-repeat, bottom center linear-gradient(#0099cc, #0099cc) repeat-x, bottom right linear-gradient(#0099cc, #0099cc) no-repeat;
background-size: 1px 6px, 1px 1px, 1px 6px;
}
HTML
<input type='text' class='holo'/>
JSFiddle http://jsfiddle.net/QKm37/
Orijinal Çözüm
<span style="
border-bottom: solid 1px cyan;
border-left: solid 1px cyan;
margin: 20px;
border-right: solid 1px cyan;
overflow: visible;
max-height: 0.2em;
display: inline-block;
padding: 2px;
">
<input type="text" style="
outline: none;
border: none;
background: transparent;
display: inline-block;
position: relative;
bottom: 0.8em;
">
</span>
daha iyi bir çözümüm var .. postanızı bunun için düzenleyeceğim .. ama kapalı. –
Chrome'da herhangi bir ek etiket olmadan aşağıdaki işleri gerçekleştirebilirsiniz: http://jsfiddle.net/QKm37/ – owencm
''… şaka mı yapıyorsun? –
- 1. Android webview, dosya giriş alanı filechooser görünmüyor
- 2. Android ICS SOAP Yöntemi Çalışmıyor?
- 3. ICS
- 4. android tekrarlayıcı benzeri işlevler
- 5. Android API benzeri java.awt.Robot
- 6. otomatik doldurma giriş alanı başka bir giriş alanı değeri ile
- 7. Giriş alanı terk eserler
- 8. Cakephp gizli giriş alanı
- 9. İçerikli giriş alanı dönüşümü?
- 10. Textarea giriş alanı, db
- 11. Android hat çekilebilir potansiyel ICS hata
- 12. Android ICS: Mavi ayırıcıyı ActionBar'da kaldırılsın mı?
- 13. ics uyarıyla mı?
- 14. css giriş düğmesiyle hizaya
- 15. Android 4 ICS Ice Cream Sandviç - bir form içeren iframe
- 16. getAuthToken çalışmıyor ICS
- 17. İrtibat amacı, ICS
- 18. Knockout.js ile Giriş Alanı() Girin
- 19. Giriş alanı nasıl sıfırlanır? jQuery
- 20. Android giriş
- 21. CSS çoklu giriş [tipi] seçiciler
- 22. Android: YouTube benzeri VR denetimleri nasıl oluşturulur?
- 23. ics dosyası - iOS7'de ekli .ICS dosyası açılamıyor
- 24. Theme.Translucent kullanıyorum ICS
- 25. .ics dosyası ve javascript
- 26. ICS zaman aralığı çalışmıyor
- 27. Android Giriş Diyalog Dönüş Giriş Değeri
- 28. Android - Kullanıcı giriş yapın
- 29. Android - mySql veritabanına giriş
Maalesef cevabınızı görmedik. Bunu denedim: girdi [type = "text"] { kenarlık: katı cyan 1px; border-top: katı şeffaf 1px; yükseklik: 5px; taşma: görünür; } Hiçbir şekilde, taşma her zaman gizli :( –
Bu giriş kutusunu pseudo-elements öncesi ve sonrası yapabilir miyiz? – Mak
Bu benzer soru ile bir çift çözümle ilgilenebilirsiniz: http://stackoverflow.com/q/14479606/1254484 – Pascal