2011-08-20 30 views
18

Uzun boylu input type="search" yapmaya çalışıyorum ama CSS onu etkilemiyor. Kodum şunun gibidir:giriş tipi = arama yüksekliği kabul etmiyor

<input type="search" /> 

CSS:

input{width:100%; height:100px;} 

Ama işe yaramıyor. Xzx14

'e bir göz atın
+0

? Örneğin Firefox 6.0'da gayet iyi çalışıyor. – Guffa

+0

Benim için çalışıyor; Her iki girdi de aynı boyuttadır. Krom 12. – Bojangles

+0

Ayrıca Internet Explorer 9'da, Opera 11.50 ve Chrome 13. – Guffa

cevap

17

bir yerli arama alanını kullanarak http://trentwalton.com/2010/07/14/css-webkit-appearance/

Webkit varsayılan (kacirilma) Bkz keman bir göz atın, ancak bunu geçersiz kılabilirsiniz:

-webkit-appearance:none; 
+0

Müthiş! Her ihtimale karşı, onun içinde daha büyük olduğu x düğmesini yapmak için herhangi bir yolu var mı? – Mohsen

+0

@Mohsen - ben sadece gerçekten tahmin ediyorum ama ben bir yerli gui bileşeni olduğu için hiç css ile stilini belirleyemezsiniz söyleyebilirim. – hooleyhoop

-1

Sen 'metin' yazın veya yukarıda belirtildiği gibi web kiti-görünümünü düşmesi tipi 'arama' değiştirmeye imho

input[type="search"]{width:100%; height:100px;} 

yerine

input{width:100%; height:100px;} 
1

en kolay yolu yazmalısınız. İçinde test ediyoruz Hangi tarayıcı

İlgili konular